:root{--primary:#0066ff;--secondary:#00d4ff;--dark:#0a0e27}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#333;overflow-x:hidden;background:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;padding:1rem 0;transition:all .3s;position:sticky;top:0;z-index:1030}.navbar>.container{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.navbar-brand{display:flex;align-items:center;min-width:0;flex-shrink:1}.navbar-brand img{height:80px;width:auto}.navbar-nav .nav-link{color:#555;font-weight:500;margin:0 .5rem;transition:color .3s;display:inline-flex;align-items:center;white-space:nowrap}.navbar-nav .nav-link:hover{color:var(--primary)}.nav-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-user-initial{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.5px;line-height:1;text-transform:uppercase;border:1px solid transparent}.tier-badge.tier-bronze{background:#cd7f3226;color:sienna;border-color:#cd7f3266}.tier-badge.tier-silver{background:#8c96aa2e;color:#5a6677;border-color:#8c96aa66}.tier-badge.tier-gold{background:#ffc44933;color:#a87100;border-color:#ffc44980}.tier-badge.tier-normal{display:none}@media (max-width:768px){.navbar-brand img{height:60px}}@media (max-width:400px){.navbar-brand img{height:48px}}.card{border:none;border-radius:20px}.btn-primary-custom{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff;padding:.75rem 2rem;font-weight:600;border-radius:50px;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0066ff4d;color:#fff}.btn-oauth{background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:50px;padding:.85rem 1.5rem;font-weight:500;transition:all .3s}.btn-oauth:hover{background:#f7f8f8;color:#333;border-color:#bbb;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.divider-text{display:flex;align-items:center;gap:1rem;color:#6c757d;font-size:.875rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:#dee2e6}.form-control,.form-select{border:2px solid #e0e0e0;border-radius:10px;padding:.75rem 1rem;transition:all .3s}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem #0066ff1a}footer{background:var(--dark);color:#fff;padding:4rem 0 calc(2rem + env(safe-area-inset-bottom))}footer>.container{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s;display:block;margin-bottom:.5rem}.footer-links a:hover{color:#fff}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;margin-right:1rem;transition:all .3s}.social-links a:hover{background:var(--primary);transform:translateY(-3px)}.pm-pwd-toggle{background:#fff;border:1px solid #ced4da;border-left:0;color:#6c757d;display:inline-flex;align-items:center;justify-content:center;padding:0 .85rem}.pm-pwd-toggle:hover{background:#f8f9fa;color:#333}.pm-pwd-toggle:focus{box-shadow:none;outline:0}.input-group>.form-control.pm-pwd-input:focus{z-index:3}.alex-launcher{position:fixed;bottom:24px;right:24px;z-index:1050;cursor:pointer;transition:transform .3s;animation:alexRock 6s ease-in-out infinite}.alex-launcher:hover{transform:scale(1.08);animation-play-state:paused}.alex-launcher:active{transform:scale(.95)}.alex-icon{position:relative;width:62px;height:62px;border-radius:42% 42% 44% 44%/40% 40% 48% 48%;background:radial-gradient(circle at 30% 25%,#ffffffd9,#ffffff40 18%,#fff0 34%),radial-gradient(circle at 72% 70%,#ffdc78bf,#ffdc7800 28%),linear-gradient(135deg,#00d9ff,#7ae7ff 18%,#ff4fd8 58%,#ffa94d);box-shadow:0 10px 30px #ff4fd840,0 0 35px #00d9ff33,inset 0 2px 10px #ffffff59,inset 0 -8px 18px #ffffff1f;animation:alexFloat 4s ease-in-out infinite,alexHue 8s ease-in-out infinite;transform-origin:center}.alex-icon:before{content:"";position:absolute;left:6px;bottom:-3px;width:18px;height:18px;background:linear-gradient(135deg,#00d9ff,#ff4fd8 65%,#ffa94d);border-bottom-right-radius:85%;border-top-left-radius:75%;transform:rotate(-18deg) skew(10deg);box-shadow:inset 0 1px 5px #ffffff59,0 5px 12px #ff4fd82e}.alex-dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;z-index:2}.alex-dots span{display:block;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000040,0 0 3px #fff9;animation:alexDot 1.6s ease-in-out infinite}.alex-dots span:nth-child(2){animation-delay:.2s}.alex-dots span:nth-child(3){animation-delay:.4s}.alex-highlight{position:absolute;top:10px;right:12px;width:22px;height:14px;border-radius:50%;background:#ffffff8c;filter:blur(1px);transform:rotate(-18deg);animation:alexShimmer 3.5s ease-in-out infinite}.alex-glow{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,#ff4fd82e,#00d9ff29 45%,#fff0 75%);z-index:-1;filter:blur(10px);animation:alexPulse 3.2s ease-in-out infinite}.alex-icon-sm{width:28px;height:28px;border-radius:42% 42% 44% 44%/40% 40% 48% 48%;background:linear-gradient(135deg,#00d9ff,#7ae7ff 18%,#ff4fd8 58%,#ffa94d);box-shadow:0 2px 8px #ff4fd84d}.alex-chat{position:fixed;bottom:100px;right:24px;z-index:1051;width:380px;height:624px;border-radius:16px;overflow:hidden;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;background:#fff}.alex-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e)}.alex-chat-body{flex:1;border:none;width:100%;height:100%;background:#fff}@media (max-width:480px){.alex-chat{width:calc(100vw - 16px);height:auto;top:12px;bottom:90px;right:8px;border-radius:12px}}@keyframes alexFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}@keyframes alexPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes alexShimmer{0%,to{opacity:.65;transform:rotate(-18deg) translate(0)}50%{opacity:.95;transform:rotate(-18deg) translate(-4px)}}@keyframes alexHue{0%{filter:hue-rotate(0deg) saturate(1.05)}50%{filter:hue-rotate(18deg) saturate(1.18)}to{filter:hue-rotate(0deg) saturate(1.05)}}@keyframes alexDot{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}@keyframes alexRock{0%,to{transform:rotate(0)}15%{transform:rotate(4deg)}30%{transform:rotate(-3deg)}45%{transform:rotate(2deg)}60%{transform:rotate(0)}}