*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.app-card{background:#fff;width:100%;max-width:420px;padding:32px;border-radius:14px;box-shadow:0 20px 40px #00000026}.app-card h1{margin-bottom:24px;text-align:center;font-size:1.5rem;color:#333}label{display:block;margin-bottom:6px;font-size:.9rem;color:#555}input,select{width:100%;padding:10px 12px;margin-bottom:16px;border-radius:8px;border:1px solid #ddd;font-size:.95rem}input:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}button{width:100%;padding:12px;border:none;border-radius:10px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #667eea59}button:disabled{opacity:.6;cursor:not-allowed}.result{margin-top:24px;padding:16px;border-radius:10px;background:#f4f6ff;text-align:center;font-size:1.1rem;font-weight:600;color:#333}