@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-main:#090d16;--bg-card:#11182799;--bg-card-hover:#1a2438cc;--border-color:#ffffff14;--border-hover:#f0919966;--accent-primary:#f09199;--accent-primary-hover:#f3a6ad;--accent-secondary:#6366f1;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 15px #f0919933;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", var(--font-sans);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--glow-1:#f091990d;--glow-2:#6366f10d;--bg-input:#0000004d;--bg-input-focus:#00000080;--bg-hero:linear-gradient(135deg, #111827b3 0%, #090d16e6 100%);--bg-stat:#ffffff05;--border-stat:#ffffff0d;--bg-tag:#ffffff08;--hero-overlay-top:#090d1666;--text-shadow-hero:0 2px 4px #00000080;--text-shadow-sub:0 1px 2px #00000080;--shadow-cover:0 20px 25px -5px #00000080, var(--shadow-glow);--shadow-avatar:0 10px 20px #0006, var(--shadow-glow);--border-avatar:3px solid #ffffff1a;--border-cover:2px solid #ffffff1a;--bg-role-sub:#ffffff4d;--border-role-sub:1px solid #fff3;--bg-cover-placeholder:#ffffff0d;--scrollbar-thumb:#fff3}:root[data-theme=light]{--bg-main:#f5f7fb;--bg-card:#ffffff73;--bg-card-hover:#ffffffbf;--border-color:#0000000f;--border-hover:#f0919980;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--shadow-sm:0 1px 2px 0 #00000005;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-glow:0 0 15px #f0919926;--glow-1:#f0919914;--glow-2:#6366f114;--bg-input:#ffffffb3;--bg-input-focus:#fffffff2;--bg-hero:linear-gradient(135deg, #fff9 0%, #dce6fab3 100%);--bg-stat:#fff6;--border-stat:#0000000a;--bg-tag:#00000008;--hero-overlay-top:#ffffff73;--text-shadow-hero:none;--text-shadow-sub:none;--shadow-cover:0 20px 25px -5px #00000026, var(--shadow-glow);--shadow-avatar:0 10px 20px #0000001f, var(--shadow-glow);--border-avatar:3px solid #0000000d;--border-cover:2px solid #0000000d;--bg-role-sub:#ffffffe6;--border-role-sub:1px solid #0000001f;--bg-cover-placeholder:#0000000f;--scrollbar-thumb:#0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%, var(--glow-1) 0%, transparent 40%), radial-gradient(circle at 90% 80%, var(--glow-2) 0%, transparent 40%);background-attachment:fixed;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s}button,input,select{color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}.text-gradient{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:background .3s,border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.glass-hover:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}}.score-badge{border-radius:var(--border-radius-sm);color:#fff;-webkit-backdrop-filter:blur(8px);align-items:center;gap:4px;padding:4px 8px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000026}.score-high{background:#f59e0be6;border:1px solid #f59e0b33}.score-mid{background:#6366f1e6;border:1px solid #6366f133}.score-low{background:#6b7280e6;border:1px solid #6b728033}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (width<=640px){.container{padding:0 12px}}.scroll-widget{z-index:100;opacity:0;visibility:hidden;border:1px solid var(--border-color);border-radius:30px;flex-direction:column;align-items:center;gap:8px;padding:8px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 8px 32px #0000004d}.scroll-widget.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-widget-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.scroll-widget-btn:hover{color:var(--accent-primary);background:#ffffff0d;transform:scale(1.1)}:root[data-theme=light] .scroll-widget-btn:hover{background:#0000000d}.scroll-widget-progress{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .1s linear}.scroll-percent-text{color:var(--text-primary);user-select:none;font-size:.65rem;font-weight:700;position:absolute}.progress-ring-circle-bg{stroke:#ffffff14}:root[data-theme=light] .progress-ring-circle-bg{stroke:#0000000f}@media (width<=640px){.scroll-widget{gap:6px;padding:6px;bottom:16px;right:16px}}.nav-header{z-index:50;border-radius:var(--border-radius-lg);isolation:isolate;align-self:center;width:calc(100% - 48px);max-width:1552px;margin:16px 24px 24px;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.logo{font-size:1.25rem;font-weight:800;font-family:var(--font-title);align-items:center;gap:8px;display:flex}.logo-img{object-fit:contain;width:auto;height:32px}.nav-links{align-items:center;gap:24px;margin-left:auto;margin-right:24px;display:flex}.nav-actions{align-items:center;gap:12px;display:flex}.menu-toggle-btn{cursor:pointer;color:var(--text-secondary);border:none;border:1px solid var(--border-color);background:#ffffff08;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.menu-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff14;transform:scale(1.05)}.theme-toggle-btn{cursor:pointer;color:var(--text-secondary);border:none;border:1px solid var(--border-color);background:#ffffff08;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff14;transform:scale(1.05)}.sun-icon{font-size:1.15rem;display:none}.moon-icon{font-size:1.15rem;display:block}:root[data-theme=light] .sun-icon{display:block}:root[data-theme=light] .moon-icon{display:none}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);padding:6px 12px;font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link:focus{color:var(--text-primary);background:#ffffff0d}.nav-dropdown{display:inline-block;position:relative}.nav-dropdown-btn{color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-dropdown-btn:hover,.nav-dropdown-btn:focus,.nav-dropdown:hover .nav-dropdown-btn{color:var(--text-primary);background:#ffffff0d}.nav-dropdown-btn i{font-size:.75rem;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-btn i,.nav-dropdown.active .nav-dropdown-btn i{transform:rotate(180deg)}.nav-dropdown-content{border:1px solid var(--border-color);min-width:140px;box-shadow:var(--shadow-lg), var(--shadow-glow);border-radius:var(--border-radius-md);z-index:100;opacity:0;visibility:hidden;background:#181f2f;flex-direction:column;margin-top:8px;padding:6px 0;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:100%;right:0;transform:translateY(-10px)}:root[data-theme=light] .nav-dropdown-content{box-shadow:var(--shadow-lg), 0 0 15px #0000000d;background:#fff}.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown.active .nav-dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-item{color:var(--text-primary);white-space:nowrap;text-align:left;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--accent-primary);background:#ffffff0d}:root[data-theme=light] .dropdown-item:hover{background:#00000008}.nav-search-form{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);align-items:center;width:160px;height:36px;padding:4px 8px 4px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-search-form:focus-within{border-color:var(--accent-primary);width:220px;box-shadow:0 0 10px #f0919926}.nav-search-icon{color:var(--text-muted);pointer-events:none;align-items:center;font-size:.85rem;display:flex;position:absolute;left:8px}.nav-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;height:26px;margin:0;font-size:.85rem;line-height:26px;padding:0!important}.nav-search-input::placeholder{color:var(--text-muted)}.main-content{flex-direction:column;flex-grow:1;padding-bottom:64px;display:flex}.footer{background:var(--bg-card);border-bottom:none;border-left:none;border-right:none;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);border-radius:0;margin-top:64px;padding:32px 0;transition:background .3s,border-color .3s}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-left{max-width:500px}.footer-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:1.25rem;font-weight:700;display:flex}.footer-logo-img{object-fit:contain;width:auto;height:36px}.footer-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.footer-right{text-align:right;color:var(--text-secondary);font-size:.85rem}.footer-right p{margin-bottom:4px}.powered-by a{color:var(--accent-primary);font-weight:500}.powered-by a:hover{text-decoration:underline}@media (width<=640px){.nav-header{width:calc(100% - 24px);margin:12px 12px 16px}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;height:64px;padding:0 16px}.logo{align-items:center;height:64px;display:flex}.nav-actions{align-items:center;gap:12px;height:64px;display:flex}.menu-toggle-btn{display:flex}.nav-links{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg), var(--shadow-glow);z-index:99;opacity:0;visibility:hidden;pointer-events:none;background:#181f2f;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 16px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-10px)}:root[data-theme=light] .nav-links{box-shadow:var(--shadow-lg), 0 0 15px #0000000d;background:#fff}.nav-links.active{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.nav-dropdown{border-bottom:1px solid var(--border-color);flex-direction:column;width:100%;display:flex}.nav-dropdown-btn{width:100%;color:var(--text-primary);border-radius:0;justify-content:center;padding:12px 0;font-size:.95rem;border-bottom:none!important}.nav-dropdown-btn:hover,.nav-dropdown-btn:focus,.nav-dropdown:hover .nav-dropdown-btn{color:var(--accent-primary);background:0 0}.nav-dropdown-content{width:100%;box-shadow:none;opacity:0;visibility:hidden;background:#00000026;border:none;max-height:0;margin-top:0;padding:0;transition:max-height .25s ease-out,opacity .25s ease-out;position:static;overflow:hidden;transform:none}:root[data-theme=light] .nav-dropdown-content{box-shadow:none;background:#00000005}.nav-dropdown.active .nav-dropdown-content{opacity:1;visibility:visible;pointer-events:auto;max-height:150px;padding:4px 0}.dropdown-item{justify-content:center;padding:10px 0;font-size:.9rem}.nav-link{text-align:center;width:100%;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:8px 0;font-size:.95rem;background:0 0!important;border:none!important;border-radius:0!important}.nav-link:last-of-type{border-bottom:none}.nav-link:hover,.nav-link:focus{color:var(--accent-primary);background:0 0!important;border:none!important}.nav-search-form{width:100%;max-width:100%;margin-top:8px;margin-bottom:4px}.nav-search-form:focus-within{width:100%;max-width:100%}.footer-title{justify-content:center}.footer-container{text-align:center;flex-direction:column;gap:16px}.footer-right{text-align:center}}