*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{color:#000;background:linear-gradient(135deg,#fef3f2 0%,#f0eaff 40%,#fff 65%,#e9ddff 100%);min-height:100vh;line-height:1.5}.page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff;border:1px solid #d9b2ff3d;border-radius:20px;width:100%;max-width:420px;padding:28px 20px;position:relative;overflow:hidden;box-shadow:0 10px 30px -8px #d9b2ff2e,0 4px 12px -2px #0000000d}.card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#fffc 0%,#d9b2ff1a 40%,#ffb6c11f 70%,#fff0 100%);position:absolute;inset:0}.logo{width:80px;height:80px;margin:0 auto 24px}.logo img{object-fit:contain;border-radius:16px;width:100%;height:100%}h1{color:#000;letter-spacing:-.02em;margin:0 0 8px;font-size:1.75rem;font-weight:700;line-height:1.2}.subtitle{color:#1a1a1a;margin:0 0 32px;font-size:.9375rem;line-height:1.4}.form-field{text-align:left;margin-bottom:20px;position:relative}label{color:#000;margin-bottom:6px;font-size:.9375rem;font-weight:500;display:block}input,.custom-select-wrapper select{color:#000;-webkit-appearance:none;background:#fff;border:1px solid #e0d4ff;border-radius:12px;width:100%;padding:14px 16px;font-size:1rem;line-height:1.5;transition:all .2s}input::placeholder{color:#666}input:focus,.custom-select-wrapper select:focus{border-color:#c084fc;outline:none;box-shadow:0 0 0 3px #d9b2ff38}.custom-select-wrapper{position:relative}.custom-select-wrapper select{cursor:pointer;appearance:none;padding-right:44px}.custom-select-wrapper select:hover{border-color:#d8b4fe}.custom-select-wrapper:after{content:"";pointer-events:none;border-top:6px solid #a78bfa;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.custom-select-wrapper select:focus+:scope:after,.custom-select-wrapper select:hover+:scope:after{border-top-color:#c084fc}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#60a5fa,#c084fc);border:none;border-radius:14px;width:100%;min-height:52px;margin-top:12px;padding:16px;font-size:1.0625rem;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #3b82f659}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3b82f673}button:active{transform:translateY(0)}.error{color:#e11d48;background:#ffe4e6;border:1px solid #fecdd3;border-radius:10px;margin-top:16px;padding:12px 16px;font-size:.9375rem}@media (max-width:768px){.custom-select-wrapper select{-webkit-text-size-adjust:100%;height:60px;min-height:56px;padding:18px 56px 18px 18px;font-size:1.125rem}.form-field{margin-bottom:28px}}@media (min-width:640px){.page{padding:24px}.card{border-radius:24px;max-width:460px;padding:36px 28px}h1{font-size:2rem}.subtitle{font-size:1rem}}@media (min-width:768px){.card{max-width:480px;padding:40px 32px;box-shadow:0 20px 50px -12px #d9b2ff2e,0 10px 25px -5px #0000000f}.logo{width:90px;height:90px;margin-bottom:28px}}@media (min-width:1024px){.card{max-width:520px}}.custom-select-wrapper select{min-height:52px;font-size:16px}@supports (-webkit-touch-callout:none){.custom-select-wrapper select{padding:16px 56px 16px 16px;font-size:16px}}@media (max-width:768px){.custom-select-wrapper select{min-height:60px;font-size:17px}}