: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}