:root{--primary: #8d3bff;--primary-glow: rgba(141, 59, 255, .2);--bg: #f8f9fa;--card-bg: #ffffff;--glass-border: rgba(141, 59, 255, .1);--text-main: #1a1a1a;--text-muted: #64748b;--font-family: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);background:radial-gradient(at 0% 0%,rgba(141,59,255,.12) 0px,transparent 55%),radial-gradient(at 100% 0%,rgba(141,59,255,.08) 0px,transparent 55%),radial-gradient(at 100% 100%,rgba(141,59,255,.1) 0px,transparent 55%),radial-gradient(at 0% 100%,rgba(141,59,255,.08) 0px,transparent 55%),#f8f9fa;color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 20px 50px #0000000a}.btn-primary{background:var(--primary);color:#fff;border:none;padding:16px 32px;border-radius:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--primary-glow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.input-field{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:18px 20px;color:var(--text-main);width:100%;font-size:16px;font-family:var(--font-family);transition:all .2s ease;line-height:1.5}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff}.input-field::placeholder{color:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.bg-ornament{position:fixed;z-index:-1;color:#8d3bff;opacity:.035;pointer-events:none;filter:blur(1px)}.ornament-1{top:10%;left:5%;transform:rotate(-15deg)}.ornament-2{bottom:10%;right:5%;transform:rotate(15deg)}.ornament-3{top:50%;right:10%;transform:rotate(45deg)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.floating{animation:float 6s ease-in-out infinite}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}