:root{--color-primary-h: 45;--color-primary-s: 96%;--color-primary-l: 60%;--color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));--color-primary-light: hsl(var(--color-primary-h), var(--color-primary-s), 80%);--color-primary-dark: hsl(var(--color-primary-h), 90%, 35%);--color-gold-metallic: linear-gradient(135deg, hsl(var(--color-primary-h), var(--color-primary-s), 80%) 0%, hsl(var(--color-primary-h), var(--color-primary-s), 60%) 50%, hsl(var(--color-primary-h), 90%, 35%) 100%);--color-glow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .6);--color-bg-dark: #0f0f10;--color-panel-bg: rgba(20, 20, 23, .85);--color-text-primary: #ffffff;--color-text-secondary: #e4e4e7;--color-border: rgba(255, 255, 255, .15)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#050505;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;color:var(--color-text-primary);min-height:100vh;text-shadow:0 2px 4px rgba(0,0,0,.5)}.layout-container{margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10}.main-layout{width:100%;max-width:480px}@media(min-width:768px){.main-layout{max-width:900px;padding-top:4rem}h2{font-size:2.5rem}p{font-size:1.2rem}.glass-panel{padding:2.5rem!important}.btn-primary{font-size:1.1rem!important;padding:1rem 2.5rem!important}.logo-img{width:420px!important}}.logo-img{width:280px;max-width:80%;height:auto;margin-bottom:2rem;filter:drop-shadow(0 0 25px var(--color-glow));transition:transform .3s ease}.logo-img:hover{transform:scale(1.05);filter:drop-shadow(0 0 35px var(--color-primary))}*{box-sizing:border-box}.glass-panel{background:var(--color-panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:24px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 30px var(--color-glow);transition:box-shadow .3s ease}.glass-panel:hover{box-shadow:0 30px 60px -12px #0009,0 0 40px var(--color-glow)}.text-gold-gradient{background:var(--color-gold-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--color-gold-metallic);color:#000;font-weight:800;font-size:1.1rem;padding:1rem 2rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;border-radius:12px;box-shadow:0 4px 15px var(--color-glow);width:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px var(--color-glow)}.btn-primary:active{transform:translateY(0)}.card-animation{animation:slideUp .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem}.form-group input{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--color-border);background:#0003;color:#fff;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-glow)}