.portal-status-banner{z-index:5;box-sizing:border-box;border-top:1px solid #fbbf2459;border-bottom:1px solid #fbbf2459;width:100%;position:relative;overflow:hidden;color:#f8fafc!important;background:#101a2d!important}.portal-status-track{will-change:transform;width:max-content;min-width:100%;animation:28s linear infinite portal-status-scroll;display:flex}.portal-status-message{white-space:nowrap;flex:none;align-items:center;gap:10px;min-height:48px;padding:0 84px;display:inline-flex;color:#f8fafc!important;font-size:14px!important;font-weight:600!important}.portal-status-label{letter-spacing:.12em;border:1px solid #fbbf2459;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex;color:#fbbf24!important;font-size:10px!important;font-weight:800!important}.portal-status-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #fbbf241f;background:#fbbf24!important}.portal-status-message a{background:#fbbf241f;border:1px solid #fbbf24b3;border-radius:7px;align-items:center;min-height:30px;padding:0 13px;text-decoration:none;transition:background .16s,color .16s;display:inline-flex;color:#fbbf24!important}.portal-status-message a:hover{background:#fbbf24;color:#111827!important}@keyframes portal-status-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.portal-status-track{animation:none}}@media (max-width:600px){.portal-status-message{min-height:54px;padding:0 32px;font-size:13px!important}.portal-status-label{font-size:9px!important}}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.blocked-screen{z-index:10000;background:linear-gradient(135deg,#dc2626,#991b1b);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.blocked-content{text-align:center;background:#fffffff2;border-radius:20px;max-width:500px;padding:40px;box-shadow:0 25px 50px #0000004d}.blocked-icon{margin-bottom:20px;font-size:64px}.blocked-title{color:#dc2626;margin-bottom:16px;font-size:32px;font-weight:800}.stat-item{justify-content:space-between;align-items:center;display:flex}.refresh-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .3s}.refresh-button:hover{background:#b91c1c}.devtools-warning{color:#fff;z-index:9999;background:#dc2626;border-radius:12px;max-width:350px;padding:16px 20px;transition:transform .3s;position:fixed;top:20px;right:20px;transform:translate(400px);box-shadow:0 10px 30px #dc26264d}.warning-icon{flex-shrink:0;font-size:20px}.mobile-alert{background:#fef2f2;border:2px solid #ef4444;border-radius:12px;align-items:center;gap:16px;width:100%;max-width:500px;padding:20px 24px;display:flex;box-shadow:0 4px 12px #ef444426}.dark .mobile-alert{background:#ef44441a;border-color:#ef4444}.dark .alert-title{color:#f87171}@media (max-width:768px){.mobile-alert-container{margin:30px auto 50px;padding:30px 16px}.mobile-alert{gap:14px;padding:18px 20px}.alert-icon{font-size:20px}.alert-title{font-size:16px}.alert-message{font-size:13px}.devtools-warning{max-width:none;top:10px;left:10px;right:10px;transform:translateY(-100px)}.devtools-warning.show{transform:translateY(0)}.blocked-content{margin:20px;padding:30px 20px}.blocked-title{font-size:24px}.blocked-icon{font-size:48px}}@media (max-width:480px){.mobile-alert-container{padding:20px 12px}.mobile-alert{gap:12px;padding:16px 18px}.alert-title{font-size:15px}.alert-message{font-size:12px}.warning-text{font-size:13px}.blocked-content{padding:24px 16px}}@media (prefers-reduced-motion:reduce){.devtools-warning{transition:none}}@media (prefers-contrast:high){.mobile-alert,.blocked-stats{border-width:3px}}.app{box-sizing:border-box;width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.main-content{box-sizing:border-box;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.method-toggle-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:40px auto 60px;padding:0 20px;display:flex;position:relative}.toggle-background{pointer-events:none;width:100%;max-width:600px;height:140px;position:absolute;top:-30px;left:50%;overflow:hidden;transform:translate(-50%)}.floating-orb{filter:blur(1px);background:linear-gradient(135deg,#22c55e66,#16a34a33);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.orb-1{width:80px;height:80px;animation-delay:0s;top:20px;left:15%}.orb-2{width:60px;height:60px;animation-delay:2s;top:40px;right:20%}.orb-3{width:40px;height:40px;animation-delay:4s;bottom:20px;left:65%}@keyframes float{0%,to{opacity:.6;transform:translateY(0)rotate(0)}33%{opacity:.8;transform:translateY(-15px)rotate(120deg)}66%{opacity:.4;transform:translateY(8px)rotate(240deg)}}.toggle-wrapper{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fff6;border:2px solid #22c55e33;border-radius:28px;width:fit-content;max-width:calc(100vw - 40px);padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #22c55e26,inset 0 1px #ffffff1a}.dark .toggle-wrapper{background:#1e293b66;border-color:#22c55e4d;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.sliding-indicator{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:18px;width:calc(50% - 5px);transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;top:10px;bottom:10px;box-shadow:0 10px 40px #22c55e80,inset 0 1px #fff3}.slide-left{left:5px}.slide-right{left:calc(50% + 5px)}.method-button{cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;min-width:200px;padding:24px 36px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.method-button:disabled{cursor:not-allowed;opacity:.7}.button-content{z-index:2;align-items:center;gap:18px;display:flex;position:relative}.icon-wrapper{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.method-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:28px;transition:all .4s}.sparkle-icon{opacity:0;font-size:14px;transition:all .4s;position:absolute;top:-8px;right:-8px;transform:scale(0)rotate(0)}.text-content{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.method-title{letter-spacing:-.5px;font-size:18px;font-weight:800;line-height:1.2;transition:all .4s}.method-subtitle{opacity:.85;letter-spacing:.2px;font-size:13px;font-weight:600;transition:all .4s}.active{color:#fff;text-shadow:0 1px 2px #0000001a}.active .sparkle-icon{opacity:1;transform:scale(1)rotate(180deg)}.active .method-icon{transform:scale(1.15)}.inactive{color:#374151}.dark .inactive{color:#e2e8f0}.inactive:hover{color:#1f2937;transform:translateY(-3px)}.dark .inactive:hover{color:#f8fafc}.inactive:hover .method-icon{transform:scale(1.08)}.ripple-effect{background:radial-gradient(circle,#fff6 0%,#0000 70%);border-radius:50%;width:0;height:0;animation:3s infinite ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:1;width:0;height:0}to{opacity:0;width:300px;height:300px}}.mobile-alert-container{justify-content:center;align-items:center;max-width:1200px;margin:30px auto 50px;padding:30px 20px;display:flex}.mobile-alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e0d;border:2px solid #22c55e;border-radius:16px;align-items:center;gap:16px;width:100%;max-width:500px;padding:24px;display:flex;box-shadow:0 8px 32px #22c55e33}.dark .mobile-alert{background:#22c55e1a}.alert-icon{flex-shrink:0;font-size:32px}.alert-content{flex:1}.alert-title{color:#22c55e;margin:0 0 8px;font-size:20px;font-weight:700}.alert-message{color:#374151;margin:0;font-size:15px;font-weight:500;line-height:1.5}.dark .alert-message{color:#e2e8f0}.blocked-screen{z-index:10000;background:linear-gradient(135deg,#dc2626,#991b1b);justify-content:center;align-items:center;width:100vw;height:100vh;animation:2s ease-in-out infinite alternate blockScreenPulse;display:flex;position:fixed;top:0;left:0}@keyframes blockScreenPulse{0%{background:linear-gradient(135deg,#dc2626,#991b1b)}to{background:linear-gradient(135deg,#991b1b,#7f1d1d)}}.blocked-content{text-align:center;background:#fffffff2;border-radius:20px;max-width:500px;padding:40px;animation:.5s ease-in-out infinite alternate contentShake;box-shadow:0 25px 50px #0000004d}@keyframes contentShake{0%{transform:translate(0)}to{transform:translate(2px)}}.blocked-icon{margin-bottom:20px;font-size:64px;animation:3s linear infinite iconSpin}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blocked-title{color:#dc2626;text-shadow:2px 2px 4px #0000001a;margin-bottom:16px;font-size:32px;font-weight:800}.blocked-message{color:#374151;margin-bottom:12px;font-size:16px;line-height:1.6}.blocked-submessage{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.blocked-stats{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;margin-bottom:24px;padding:16px}.stat-item{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-item:last-child{margin-bottom:0}.stat-label{color:#991b1b;font-weight:600}.stat-value{color:#dc2626;font-size:18px;font-weight:800}.refresh-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #dc26264d}.refresh-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.devtools-warning{color:#fff;z-index:9999;background:linear-gradient(135deg,#dc2626,#b91c1c);border:2px solid #ef4444;border-radius:12px;max-width:350px;padding:16px 20px;transition:transform .3s;animation:1s ease-in-out infinite alternate warningPulse;position:fixed;top:20px;right:20px;transform:translate(400px);box-shadow:0 10px 30px #dc26264d}@keyframes warningPulse{0%{box-shadow:0 10px 30px #dc26264d}to{box-shadow:0 15px 40px #dc262680}}.devtools-warning.show{transform:translate(0)}.warning-content{align-items:flex-start;gap:12px;display:flex}.warning-icon{flex-shrink:0;font-size:20px;animation:1s ease-in-out infinite iconBlink}@keyframes iconBlink{0%,50%{opacity:1}51%,to{opacity:.5}}.warning-text{flex:1;font-size:14px;line-height:1.4}.debugger-status{color:#fbbf24;margin-top:4px;font-weight:700;animation:.5s ease-in-out infinite alternate debuggerBlink;display:block}@keyframes debuggerBlink{0%{opacity:1}to{opacity:.6}}.warning-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:background .2s;display:flex}.warning-close:hover{background:#fff3}.loading-indicator{z-index:1000;background:#fffffff2;border:2px solid #22c55e33;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 60px #22c55e26}.dark .loading-indicator{background:#1e293bf2;border-color:#22c55e4d;box-shadow:0 20px 60px #00000080}.loading-spinner{border:2px solid #22c55e33;border-top-color:#22c55e;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.loading-text{color:#1f2937;font-size:14px;font-weight:500}.dark .loading-text{color:#f8fafc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debugger-indicator{color:#1f2937;z-index:10001;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fcd34d;border-radius:16px;padding:20px 30px;animation:.8s ease-in-out infinite alternate debuggerPulse;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #fbbf2466}@keyframes debuggerPulse{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 20px 60px #fbbf2466}to{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 25px 70px #fbbf2499}}.debugger-content{align-items:center;gap:12px;display:flex}.debugger-icon{font-size:24px;animation:1s ease-in-out infinite iconPause}@keyframes iconPause{0%,50%{opacity:1}51%,to{opacity:.7}}.debugger-text{letter-spacing:1px;font-size:16px;font-weight:800}@media (max-width:768px){.mobile-alert-container{margin:20px auto 40px;padding:20px 16px}.mobile-alert{border-radius:12px;gap:14px;padding:20px}.alert-icon{font-size:28px}.alert-title{font-size:18px}.alert-message{font-size:14px}.loading-indicator{padding:10px 14px;bottom:10px;left:10px;right:10px}.loading-text{font-size:13px}.method-toggle-container{display:none}}@media (max-width:480px){.mobile-alert-container{padding:16px 12px}.mobile-alert{gap:12px;padding:18px 16px}.alert-title{font-size:16px}.alert-message{font-size:13px}}@media (min-width:769px){*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}input,textarea{-webkit-user-select:text;user-select:text}}@media (prefers-reduced-motion:reduce){.sliding-indicator,.method-button,.method-icon,.sparkle-icon,.devtools-warning,.floating-orb,.ripple-effect,.blocked-screen,.blocked-content,.blocked-icon,.debugger-indicator,.loading-spinner{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.toggle-wrapper{border-width:3px}.sliding-indicator{box-shadow:none;border:2px solid #fff}.mobile-alert,.devtools-warning,.blocked-stats{border-width:3px}}@media print{.devtools-warning,.blocked-screen,.debugger-indicator,.loading-indicator{display:none!important}}
.profile-section{z-index:1001;flex-direction:row;align-items:center;gap:10px;display:flex;position:fixed;top:20px;right:20px}.profile-container{position:relative}.admin-pill{color:#fff;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:30px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;animation:3s ease-in-out infinite adminPulse;display:inline-flex;box-shadow:0 4px 16px #7c3aed73}.admin-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed99}@keyframes adminPulse{0%,to{box-shadow:0 4px 16px #7c3aed73}50%{box-shadow:0 4px 22px #7c3aedbf}}.profile-button{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid;border-radius:30px;align-items:center;gap:10px;padding:9px 16px;font-size:14px;font-weight:600;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.profile-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:left .55s;position:absolute;inset:0 0 0 -100%}.profile-button:hover:before{left:100%}.profile-button:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 32px #22c55e47}.profile-image{object-fit:cover;border:2px solid #22c55e66;border-radius:50%;flex-shrink:0;width:34px;height:34px;transition:transform .25s,border-color .25s}.profile-button:hover .profile-image{border-color:#22c55ecc;transform:scale(1.1)}.profile-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:110px;font-weight:700;overflow:hidden}.role-icon{flex-shrink:0}.role-icon--admin{color:#7c3aed}.role-icon--premium{color:#f59e0b;animation:2.5s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}.chevron-icon{opacity:.6;flex-shrink:0;transition:transform .3s}.chevron-open{transform:rotate(180deg)}.profile-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1002;border:2px solid;border-radius:20px;width:290px;padding:22px;animation:.35s cubic-bezier(.4,0,.2,1) dropdownSlide;position:absolute;top:calc(100% + 12px);right:0}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-info{background:#22c55e0d;border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:14px;transition:background .25s,transform .25s;display:flex}.profile-info:hover{background:#22c55e1a;transform:scale(1.015)}.dropdown-image{object-fit:cover;border:3px solid #22c55e4d;border-radius:50%;flex-shrink:0;width:52px;height:52px;transition:transform .25s,border-color .25s}.profile-info:hover .dropdown-image{border-color:#22c55e99;transform:scale(1.08)}.user-details{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:700;overflow:hidden}.user-email{opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.user-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:5px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.user-status-badge.admin{color:#7c3aed;background:linear-gradient(135deg,#7c3aed2e,#4f46e51a);border:1px solid #7c3aed80;animation:2.5s ease-in-out infinite adminBadgePulse}@keyframes adminBadgePulse{0%,to{border-color:#7c3aed80}50%{border-color:#7c3aede6}}.user-status-badge.premium{color:#f59e0b;background:linear-gradient(135deg,#f59e0b2e,#eab3081a);border:1px solid #f59e0b66}.user-status-badge.free{color:#6b7280;background:#6b72801a;border:1px solid #6b72804d}.profile-divider{opacity:.35;border-radius:1px;height:1px;margin:0 0 14px}.profile-actions{flex-direction:column;gap:4px;display:flex}.profile-action{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.profile-action:before{content:"";background:linear-gradient(90deg,#0000,#22c55e1a,#0000);transition:left .45s;position:absolute;inset:0 0 0 -100%}.profile-action:hover:before{left:100%}.profile-action:hover{background:#22c55e14;transform:translate(4px)}.profile-action.theme-toggle:hover{background:#3b82f614}.profile-action.theme-toggle:hover:before{background:linear-gradient(90deg,#0000,#3b82f626,#0000)}.profile-action--admin-link{color:#7c3aed!important}.profile-action--admin-link:hover{background:#7c3aed1a!important}.profile-action--admin-link:hover:before{background:linear-gradient(90deg,#0000,#7c3aed1f,#0000)!important}.profile-action.logout:hover{color:#ef4444;background:#ef444414}.profile-action.logout:hover:before{background:linear-gradient(90deg,#0000,#ef44441a,#0000)}.login-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:30px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:700;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);transition:left .55s;position:absolute;inset:0 0 0 -100%}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-3px)scale(1.07);box-shadow:0 14px 36px #22c55e80}.login-button:active{transform:translateY(-1px)scale(1.02)}@media (max-width:768px){.profile-section{gap:8px;top:14px;right:14px}.profile-button{padding:8px 12px}.profile-name{display:none}.login-button{padding:11px 16px;font-size:13px}.admin-pill span{display:none}.admin-pill{padding:9px 12px}.profile-dropdown{width:272px;padding:18px}.dropdown-image{width:44px;height:44px}.user-name{font-size:15px}.user-email{font-size:11px}}@media (max-width:480px){.profile-section{top:10px;right:10px}.profile-dropdown{width:256px;padding:14px;right:-8px}.profile-info{padding:10px}.profile-action{padding:10px 12px;font-size:13px}}
.feature-grid-section{isolation:isolate;width:min(1180px,100% - 32px);margin:0 auto 20px;padding:20px 0 42px;position:relative;overflow:hidden}.feature-grid-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 40%,#22d3ee2e,#22d3ee00 65%);border-radius:50%;width:900px;height:200px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.feature-grid-header{z-index:2;text-align:center;margin-bottom:28px;position:relative}.header-glow{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#22d3ee14,#22d3ee00 70%);width:420px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-grid-title{letter-spacing:-.07em;color:#f8fafc;align-items:baseline;gap:.08em;margin:0;font-size:clamp(2.8rem,4vw,5rem);font-weight:900;line-height:1;display:inline-flex}.title-essential{color:#f8fafc}.title-tools{background:linear-gradient(135deg,#22d3ee 0%,#60a5fa 30%,#a78bfa 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.feature-grid-subtitle{color:#94a3b8e0;margin:10px 0 0;font-size:clamp(1rem,1.5vw,1.8rem);font-weight:500}.feature-grid{z-index:2;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px 22px;max-width:960px;margin:0 auto;display:grid;position:relative}.feature-card{min-height:205px;animation:.6s forwards cardReveal;animation-delay:calc(var(--card-index)*80ms);opacity:0;background:linear-gradient(#0f172ae6,#0f172ab8);border:1px solid #94a3b842;border-radius:22px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:inset 0 1px #ffffff14,0 14px 24px #02061747}.feature-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff14,#ffffff05 25%,#ffffff0a 50%,#fff0 72%);position:absolute;inset:0}.feature-card.available:hover{border-color:#ffffff3d;transform:translateY(-4px);box-shadow:0 18px 32px #0f172a6b}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.card-glow{opacity:.26;filter:blur(10px);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.feature-card-inner{z-index:2;flex-direction:column;height:100%;padding:18px 18px 16px;display:flex;position:relative}.feature-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feature-icon{border:1px solid #ffffff29;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 10px 20px #0f172a42}.feature-arrow{color:#ffffffe6;background:#94a3b81f;border:1px solid #94a3b833;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feature-content{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.feature-title{letter-spacing:-.04em;color:#f8fafc;margin:0 0 8px;font-size:clamp(1.1rem,1.8vw,2.1rem);font-weight:800;line-height:1.15}.feature-description{color:#94a3b8e6;max-width:26ch;margin:0;font-size:.95rem;line-height:1.45}.feature-grid-footer-label{color:#ffffffe6;z-index:2;flex-direction:column;gap:2px;font-size:.86rem;font-weight:700;line-height:1.1;display:flex;position:absolute;bottom:8px;left:12px}.feature-grid-footer-label span{color:#ffffffb3;font-size:.8rem;display:block}@media (max-width:1024px){.feature-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.feature-grid-footer-label{margin-top:18px;padding-left:4px;position:static}}@media (max-width:640px){.feature-grid{grid-template-columns:1fr}.feature-grid-title{font-size:2.5rem}.feature-card{min-height:180px}.feature-grid-footer-label{margin-top:14px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-arrow,.feature-icon,.header-glow{transition:none;animation:none}}
.login-overlay{z-index:9999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;animation:.3s ease-out fadeIn;position:absolute;inset:0}.login-container{background:#0f172a;border:1px solid #22c55e33;border-radius:24px;width:100%;max-width:1000px;height:600px;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}.login-left-panel{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);flex-direction:column;flex:1;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.login-left-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.brand-section{z-index:2;position:relative}.brand-logo{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.logo-icon:hover{background:#fff3;transform:scale(1.05)}.brand-name{letter-spacing:-.5px;font-size:22px;font-weight:800}.hero-content{z-index:2;margin-bottom:30px;position:relative}.hero-title{letter-spacing:-1px;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.2}.highlight{color:#fef3c7;position:relative}.hero-subtitle{opacity:.95;margin-bottom:30px;font-size:16px;line-height:1.6}.stats-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.stat-item{text-align:center}.stat-number{color:#fef3c7;margin-bottom:4px;font-size:26px;font-weight:800}.stat-label{opacity:.9;font-size:12px;line-height:1.3}.login-right-panel{background:#1e293b;flex-direction:column;flex:1;justify-content:center;padding:40px;display:flex;position:relative}.close-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:20px;right:20px}.close-button:hover{color:#cbd5e1;background:#64748b1a;transform:scale(1.1)}.login-form{width:100%;max-width:320px;margin:0 auto}.welcome-section{text-align:center;margin-bottom:40px}.welcome-title{color:#f1f5f9;margin-bottom:8px;font-size:30px;font-weight:800;line-height:1.2}.welcome-subtitle{color:#94a3b8;font-size:15px}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;animation:.5s ease-in-out shake;display:flex}.error-icon{color:#fff;background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:700;display:flex}.google-signin-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:32px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0596694d}.google-signin-button:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 8px 20px #05966966}.google-logo{width:20px;height:20px}.info-section{flex-direction:column;gap:20px;display:flex}.info-item{color:#94a3b8;align-items:center;gap:12px;font-size:14px;display:flex}.info-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.info-dot{background:#fef3c7;border-radius:50%;width:6px;height:6px}.trust-badge{color:#10b981;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.department-focus{justify-content:center;display:flex}.department-tag{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:768px){.login-container{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}.login-left-panel{min-height:300px;padding:30px 20px}.hero-title{font-size:30px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px}.stat-number{font-size:22px}.login-right-panel{padding:30px 20px}.welcome-title{font-size:26px}}@media (max-width:480px){.login-overlay{padding:10px}.login-container{border-radius:16px}.login-left-panel{padding:20px}.hero-title{font-size:26px}.login-right-panel{padding:20px}.login-form{max-width:100%}.welcome-title{font-size:24px}}
.hero-section{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:0;min-height:70vh;padding:96px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-container{box-sizing:border-box;grid-template-columns:minmax(0,1.15fr) minmax(300px,.9fr) minmax(220px,.7fr);align-items:center;gap:clamp(28px,4vw,72px);width:100%;min-width:0;max-width:1360px;padding:0 12px;display:grid}.hero-content{flex-direction:column;gap:40px;min-width:0;display:flex}.hero-text{flex-direction:column;gap:20px;display:flex}.hero-title{letter-spacing:-.02em;transform:perspective(700px)rotateX(var(--title-y,0deg))rotateY(var(--title-x,0deg));transform-origin:0;will-change:transform;cursor:default;margin:0;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;line-height:1.1;transition:transform .18s ease-out,filter .3s}.hero-title-intro{transition:transform .35s cubic-bezier(.2,.8,.2,1),text-shadow .35s;animation:4.5s ease-in-out infinite introBreath;display:inline-block}.hero-brand{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--hero-primary)22%,transparent));transition:filter .35s,transform .35s cubic-bezier(.2,.8,.2,1);animation:3.8s ease-in-out infinite brandBreath;display:inline-block;position:relative;background-size:220% 220%!important;background-position:var(--spot-x,50%)var(--spot-y,50%)!important}.hero-brand:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 25%,#fffc 48%,#0000 68%) 140% 0/240% 100%;opacity:.34;pointer-events:none;-webkit-background-clip:text;background-clip:text;transition:opacity .3s;animation:4.2s ease-in-out infinite titleSweep;position:absolute;inset:0}.hero-title:hover{filter:drop-shadow(0 10px 24px color-mix(in srgb,var(--hero-primary)24%,transparent))}.hero-title:hover .hero-title-intro{text-shadow:0 0 22px #ffffff29;transform:translateY(-3px)}.hero-title:hover .hero-brand{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--hero-primary)55%,transparent));transform:translateY(-5px)scale(1.025)}.hero-title:hover .hero-brand:before{opacity:1;animation:1.2s forwards titleSweep}.hero-brand:after{content:"";background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:2px;height:4px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:-5px;left:0;right:0}.hero-visual{perspective:1100px;isolation:isolate;place-items:center;min-height:430px;display:grid;position:relative}.hero-visual-glow{background:radial-gradient(circle,color-mix(in srgb,var(--hero-primary)35%,transparent),transparent 68%);filter:blur(8px);border-radius:50%;width:260px;height:260px;animation:4s ease-in-out infinite glowPulse;position:absolute}.hero-book-scene{width:245px;height:220px;transform-style:preserve-3d;z-index:2;animation:5s ease-in-out infinite sceneFloat;position:relative;transform:rotateX(58deg)rotate(-18deg)translateZ(20px)}.book{width:205px;height:58px;transform-style:preserve-3d;border-radius:10px 16px 14px 8px;position:absolute;left:20px;box-shadow:14px 18px #00000029,0 22px 35px #0000004d}.book:after{content:"";background:#ffffff59;border-radius:10px;height:3px;position:absolute;bottom:8px;left:18px;right:16px;box-shadow:0 -8px #ffffff2e,0 -16px #ffffff1f}.book-bottom{background:linear-gradient(135deg,#172554,color-mix(in srgb,var(--hero-secondary)55%,#111827));bottom:18px;transform:translateZ(0)}.book-middle{background:linear-gradient(135deg,color-mix(in srgb,var(--hero-secondary)70%,#111827),#1e3a8a);bottom:66px;left:4px;transform:translateZ(22px)rotate(5deg)}.book-top{background:linear-gradient(135deg,#0f766e,color-mix(in srgb,var(--hero-primary)75%,#111827));bottom:110px;left:30px;transform:translateZ(44px)rotate(-4deg)}.book-page-lines{opacity:.8;background:repeating-linear-gradient(#ecfdf5b8 0 2px,#0000 2px 9px);border-radius:5px;position:absolute;inset:10px 24px 10px 18px}.graduation-cap{width:100px;height:92px;position:absolute;top:20px;left:76px;transform:translateZ(82px)rotate(8deg)}.cap-top{clip-path:polygon(50% 0,100% 35%,50% 70%,0 35%);filter:drop-shadow(6px 8px #0003);background:linear-gradient(135deg,#4338ca,#1e1b4b);width:96px;height:58px;position:absolute;top:0;left:2px}.cap-base{background:linear-gradient(90deg,#312e81,#6366f1,#312e81);border-radius:8px 8px 18px 18px;width:52px;height:39px;position:absolute;top:42px;left:25px}.cap-tassel{background:var(--hero-primary);width:4px;height:66px;box-shadow:0 58px 0 -1px var(--hero-primary);position:absolute;top:28px;right:-8px;transform:rotate(-12deg)}.hero-orbit{border:1px solid color-mix(in srgb,var(--hero-primary)45%,transparent);opacity:.7;border-radius:50%;width:340px;height:150px;animation:12s linear infinite orbitSpin;position:absolute;transform:rotate(-22deg)}.hero-orbit-two{border-color:color-mix(in srgb,var(--hero-secondary)38%,transparent);width:280px;height:230px;animation-duration:16s;animation-direction:reverse;transform:rotate(62deg)}.hero-float-card{border:1px solid color-mix(in srgb,var(--hero-primary)65%,transparent);color:#ecfdf5;background:linear-gradient(145deg,color-mix(in srgb,var(--hero-primary)80%,transparent),#0f172acc);width:48px;height:48px;box-shadow:0 12px 30px #00000047,0 0 24px color-mix(in srgb,var(--hero-primary)25%,transparent);z-index:3;border-radius:13px;place-items:center;display:grid;position:absolute;transform:rotate(-8deg)}.hero-float-card-one{animation:4.5s ease-in-out infinite cardDrift;top:18%;left:12%}.hero-float-card-two{color:#c4b5fd;border-color:#818cf8a6;animation:5.5s ease-in-out .7s infinite cardDrift;bottom:21%;left:17%}.hero-float-card-three{color:#a7f3d0;border-color:#34d399a6;animation:4.8s ease-in-out 1.4s infinite cardDrift;top:28%;right:9%}.hero-visual-caption{color:var(--hero-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:6%}.caption-dot{background:var(--hero-primary);width:7px;height:7px;box-shadow:0 0 14px var(--hero-primary);border-radius:50%}.hero-subtitle{overflow-wrap:anywhere;max-width:600px;margin:0;font-size:clamp(1.1rem,2.5vw,1.25rem);line-height:1.6}.hero-welcome{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:16px;align-items:center;gap:12px;max-width:fit-content;padding:16px 24px;font-size:1.1rem;font-weight:500;animation:.6s ease-out slideInUp;display:flex}.welcome-icon{font-size:1.5rem;animation:2s ease-in-out infinite wave}.hero-cta p{margin:0;font-size:1.1rem}.hero-features{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border:1px solid;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;transition:all .3s;display:flex}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #22c55e33}.feature-icon{border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card span{text-align:center;font-size:.95rem;font-weight:600}.hero-stats{flex-direction:column;align-self:center;gap:14px;min-width:0;margin:0;display:flex}.hero-section .stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;box-sizing:border-box;border:1px solid;border-radius:20px;flex:0 0 112px;height:112px;min-height:112px;padding:18px 20px;transition:all .3s}.stat-icon{border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 14px;display:grid}.stat-item:hover{transform:scale(1.05)}.stat-number{margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:500}.hero-decoration{pointer-events:none;z-index:-1;position:absolute;inset:0}.floating-element{border-radius:50%;padding:12px;animation:6s ease-in-out infinite float;position:absolute}.floating-element:first-child{animation-delay:0s;top:20%;right:15%}.floating-element:nth-child(2){animation-delay:2s;top:60%;left:10%}.floating-element:nth-child(3){animation-delay:4s;bottom:20%;right:25%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(120deg)}66%{transform:translateY(10px)rotate(240deg)}}@keyframes sceneFloat{0%,to{transform:rotateX(58deg)rotate(-18deg)translateZ(20px)}50%{transform:rotateX(58deg)rotate(-14deg)translate3d(0,-14px,34px)}}@keyframes sceneFloatTablet{0%,to{transform:scale(.84)rotateX(58deg)rotate(-18deg)translateZ(20px)}50%{transform:scale(.84)rotateX(58deg)rotate(-14deg)translate3d(0,-10px,30px)}}@keyframes sceneFloatSmall{0%,to{transform:scale(.72)rotateX(58deg)rotate(-18deg)translateZ(20px)}50%{transform:scale(.72)rotateX(58deg)rotate(-14deg)translate3d(0,-8px,28px)}}@keyframes sceneFloatPhone{0%,to{transform:scale(.6)rotateX(58deg)rotate(-18deg)translateZ(20px)}50%{transform:scale(.6)rotateX(58deg)rotate(-14deg)translate3d(0,-7px,25px)}}@keyframes sceneFloatDesktop{0%,to{transform:scale(1)rotateX(58deg)rotate(-18deg)translateZ(20px)}50%{transform:scale(1)rotateX(58deg)rotate(-14deg)translate3d(0,-14px,32px)}}@keyframes orbitSpin{0%{rotate:none}to{rotate:360deg}}@keyframes cardDrift{0%,to{translate:0}50%{translate:0 -12px}}@keyframes glowPulse{0%,to{opacity:.55;scale:.9}50%{opacity:.9;scale:1.1}}@keyframes titleSweep{0%,20%{background-position:140% 0}70%,to{background-position:-80% 0}}@keyframes introBreath{0%,to{opacity:.96;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes brandBreath{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--hero-primary)18%,transparent))}50%{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--hero-primary)42%,transparent))}}@media (max-width:1024px){.hero-section{padding-top:100px}.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-visual{order:-1;width:min(100%,440px);min-height:360px;margin:0 auto}.hero-text{align-items:center}.hero-stats{flex-direction:row;justify-content:center;gap:30px;margin:0}}@media (max-width:768px){.hero-section{min-height:auto;padding:58px 16px 34px}.hero-container{flex-direction:column;gap:22px;padding:0;display:flex}.hero-visual{width:100%;min-height:274px;margin:-4px auto;transform:none}.hero-book-scene{animation:5s ease-in-out infinite sceneFloatTablet}.hero-text{gap:14px}.hero-title{font-size:clamp(2.35rem,11vw,3.4rem);line-height:1.02}.hero-subtitle{max-width:520px;font-size:1rem;line-height:1.55}.hero-welcome{margin:0 auto}.hero-features{grid-template-columns:1fr;gap:15px}.hero-visual{min-height:300px;margin:-26px 0 -10px;transform:scale(.82)}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.hero-section .stat-item{border-radius:16px;flex-basis:104px;min-width:0;height:104px;min-height:104px;padding:14px 8px}.stat-number{font-size:1.8rem}.stat-icon{width:34px;height:34px;margin-bottom:8px}.stat-label{font-size:.8rem}}@media (max-width:640px){.hero-section{padding:48px 14px 28px}.hero-content{gap:20px}.hero-visual{min-height:242px;margin:-14px auto -10px}.hero-book-scene{animation:5s ease-in-out infinite sceneFloatSmall}.hero-orbit{transform:scale(.82)rotate(-22deg)}.hero-orbit-two{transform:scale(.82)rotate(62deg)}.hero-float-card{width:42px;height:42px}.hero-stats{gap:8px}.hero-section .stat-item{border-radius:12px;flex-basis:96px;min-width:0;height:96px;min-height:96px;padding:12px 6px}.stat-number{margin-bottom:4px;font-size:1.5rem}.stat-icon{width:28px;height:28px;margin-bottom:6px}.stat-label{letter-spacing:.3px;font-size:.7rem}.hero-welcome{padding:12px 20px;font-size:1rem}.hero-visual-caption{font-size:9px;bottom:1%}}@media (max-width:480px){.hero-section{padding:42px 12px 24px}.hero-visual{min-height:214px;margin:-24px auto -18px}.hero-book-scene{animation:5s ease-in-out infinite sceneFloatPhone}.hero-float-card{border-radius:10px;width:36px;height:36px}.hero-float-card svg{width:16px;height:16px}.hero-content,.hero-text{gap:15px}.hero-stats{gap:6px}.hero-section .stat-item{border-radius:10px;flex-basis:86px;min-width:0;height:86px;min-height:86px;padding:10px 4px}.stat-item:hover{transform:scale(1.02)}.stat-number{margin-bottom:2px;font-size:1.3rem}.stat-icon{width:24px;height:24px;margin-bottom:4px}.stat-label{letter-spacing:.2px;font-size:.65rem}.hero-welcome{gap:8px;padding:10px 16px;font-size:.95rem}.welcome-icon{font-size:1.3rem}.feature-card{padding:16px 12px}.floating-element{display:none}}@media (max-width:360px){.hero-section{padding:36px 10px 20px}.hero-content,.hero-text{gap:12px}.hero-stats{gap:6px}.stat-item{border-radius:8px;min-width:65px;padding:8px 10px}.stat-number{font-size:1.2rem}.stat-label{font-size:.6rem}.hero-welcome{padding:8px 14px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.hero-section *,.hero-section :before,.hero-section :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.hero-section{min-height:auto;padding:34px 14px 26px}.hero-container{align-items:stretch;gap:20px}.hero-content{order:0;width:100%}.hero-text{text-align:center;align-items:center}.hero-title{max-width:340px;font-size:clamp(2.35rem,12vw,3.35rem)}.hero-subtitle{max-width:430px;font-size:.98rem}.hero-visual{order:1;max-width:390px;min-height:218px;margin:-8px auto -2px}.hero-visual-glow{width:200px;height:200px}.hero-orbit{width:280px;height:124px}.hero-orbit-two{width:230px;height:190px}.hero-float-card-one{top:13%;left:12%}.hero-float-card-two{bottom:15%;left:16%}.hero-float-card-three{top:25%;right:10%}.hero-visual-caption{font-size:8px;bottom:-2px}.hero-stats{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-item{border-radius:14px;min-height:92px;padding:11px 5px}.stat-number{font-size:1.35rem}.stat-label{letter-spacing:.1px;font-size:.62rem}.stat-icon{width:27px;height:27px;margin-bottom:5px}.stat-icon svg{width:15px;height:15px}}@media (max-width:380px){.hero-section{padding-inline:10px}.hero-container{gap:16px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:.9rem}.hero-visual{min-height:190px;margin:-16px auto -18px;transform:scale(.88)}.hero-stats{gap:5px}.hero-section .stat-item{flex-basis:82px;height:82px;min-height:82px;padding-inline:3px}.stat-number{font-size:1.18rem}.stat-label{font-size:.56rem}}@media (min-width:1025px){.hero-section{min-height:min(680px,100vh - 20px);padding:54px 24px 60px}.hero-container{grid-template-columns:minmax(330px,1.08fr) minmax(280px,.9fr) minmax(280px,.84fr);gap:clamp(24px,3vw,48px);max-width:1420px;padding:0 16px}.hero-content{align-self:center}.hero-text{gap:22px}.hero-title{max-width:560px;font-size:clamp(3.15rem,4.7vw,4.55rem);line-height:.98}.hero-subtitle{max-width:610px;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55}.hero-welcome{justify-content:center;min-width:365px;padding:16px 24px}.hero-visual{width:100%;min-height:400px}.hero-book-scene{width:280px;height:240px;animation:5s ease-in-out infinite sceneFloatDesktop}.hero-orbit{width:360px;height:160px}.hero-orbit-two{width:300px;height:240px}.hero-visual-glow{width:300px;height:300px}.hero-float-card{border-radius:15px;width:52px;height:52px}.hero-float-card-one{top:18%;left:6%}.hero-float-card-two{bottom:17%;left:10%}.hero-float-card-three{top:27%;right:5%}.hero-stats{gap:16px;width:100%}.hero-section .stat-item{text-align:left;border-radius:18px;flex-basis:112px;grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;column-gap:18px;height:112px;min-height:112px;padding:18px 20px;display:grid}.stat-item:after{content:"→";color:color-mix(in srgb,var(--hero-primary)65%,white);grid-area:1/3/span 2;justify-self:end;font-size:24px;font-weight:300}.stat-icon{grid-area:1/1/span 2;width:50px;height:50px;margin:0}.stat-number{grid-area:1/2;margin:0;font-size:2rem}.stat-label{grid-area:2/2;font-size:.88rem}}@media (max-width:600px){.hero-section{padding:96px 12px 20px}.hero-container{gap:12px}.hero-content,.hero-text{gap:10px}.hero-title{max-width:330px;font-size:clamp(2.05rem,10vw,2.8rem)}.hero-subtitle{max-width:360px;font-size:.88rem;line-height:1.42}.hero-welcome{padding:9px 14px;font-size:.86rem}.hero-visual{min-height:172px;margin:-8px auto -16px;transform:scale(.78)}.hero-stats{gap:5px}.hero-section .stat-item{border-radius:11px;flex-direction:column;justify-content:center;gap:2px;height:82px;min-height:82px;padding:7px 3px;display:flex;overflow:hidden}.hero-section .stat-icon{width:22px;height:22px;margin:0 auto 2px}.hero-section .stat-icon svg{width:13px;height:13px}.hero-section .stat-number{margin:0;font-size:1.12rem;line-height:1}.hero-section .stat-label{letter-spacing:0;white-space:nowrap;font-size:.55rem;line-height:1}}
.testimonials-section{margin:52px 0 44px;padding:0 20px;position:relative;overflow:hidden}.testimonials-section:before{content:"";filter:blur(16px);pointer-events:none;background:radial-gradient(#22c55e21,#0000 70%);width:420px;height:180px;position:absolute;top:16%;left:50%;transform:translate(-50%)}.testimonials-header{text-align:center;margin-bottom:24px;animation:.8s ease-out fadeInUp}.testimonials-eyebrow{color:#6ee7b7;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-flex}.testimonials-eyebrow:before,.testimonials-eyebrow:after{content:"";background:#6ee7b78c;width:24px;height:1px}.testimonials-title{letter-spacing:-.02em;background:linear-gradient(135deg,#f8fafc 10%,#86efac 52%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:800}.testimonials-subtitle{opacity:.8;max-width:600px;margin:0 auto;font-size:1.05rem}.testimonials-marquee-wrapper{perspective:1000px;width:100%;margin-bottom:26px;padding:14px 0 20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.testimonials-marquee{gap:22px;width:max-content;animation:40s linear infinite marquee;display:flex}.testimonials-marquee.paused{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:20px;flex-shrink:0;min-width:310px;max-width:310px;height:296px;padding:18px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 14px #0206176b,0 20px 35px #02061733}.testimonial-card:hover{transform:translateY(-12px)scale(1.025);border-color:#34d399ad!important;box-shadow:0 16px #0206176b,0 28px 48px #10b98133!important}.testimonial-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#34d399,#60a5fa,#0000);height:3px;position:absolute;inset:0 0 auto}.testimonial-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.testimonial-quote{background:#22c55e1f;border-radius:12px;padding:9px;transition:all .3s;transform:rotate(-10deg)}.testimonial-card:hover .testimonial-quote{background:#22c55e38;transform:rotate(0)scale(1.1)}.testimonial-rating{gap:4px;display:flex}.testimonial-content{min-height:132px;margin-bottom:14px}.testimonial-text{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:.82rem;font-style:italic;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.testimonial-footer{align-items:center;gap:16px;display:flex}.testimonial-avatar{flex-shrink:0}.avatar-icon{border:1px solid #34d39952;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;transition:all .3s;display:flex}.testimonial-card:hover .avatar-icon{border-color:#34d399b3;transform:scale(1.1)rotate(5deg)}.testimonial-author{flex:1}.author-name{letter-spacing:-.01em;margin:0 0 4px;font-size:.95rem;font-weight:700}.author-year{opacity:.8;margin:0;font-size:.78rem}.testimonial-decoration{opacity:.08;border-radius:50%;width:100px;height:100px;transition:all .4s;position:absolute;bottom:-30px;right:-30px}.testimonial-card:hover .testimonial-decoration{opacity:.15;transform:scale(1.3)}.testimonials-cta{justify-content:center;animation:.8s ease-out .3s both fadeInUp;display:flex}.cta-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:0 0;border:2px solid;border-radius:20px;width:100%;max-width:500px;padding:24px;transition:all .3s}.cta-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #22d3ee26;border-color:#22d3ee66!important}.cta-icon-wrapper{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cta-card h3{font-size:1.2rem;font-weight:700}.cta-card p{opacity:.9;margin:0;font-size:.92rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.testimonials-section{margin:56px 0;padding:0 15px}.testimonials-header{margin-bottom:24px}.testimonial-card{border-radius:20px;min-width:min(310px,100vw - 42px);max-width:min(310px,100vw - 42px);height:270px;padding:18px}.testimonials-marquee{gap:20px;animation-duration:35s}.testimonial-text{font-size:.82rem}.avatar-icon{width:48px;height:48px;font-size:20px}.author-name{font-size:1rem}.author-year{font-size:.85rem}.cta-card{padding:30px 24px}.cta-card h3{font-size:1.3rem}.cta-card p{font-size:1rem}}@media (max-width:480px){.testimonials-section{margin:60px 0;padding:0 10px}.testimonial-card{border-radius:16px;min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);height:252px;padding:16px}.testimonials-marquee{gap:16px;animation-duration:30s}.testimonial-header{margin-bottom:12px}.testimonial-content{min-height:112px;margin-bottom:12px}.testimonial-text{font-size:.76rem}.testimonial-footer{gap:12px}.avatar-icon{border-radius:12px;width:44px;height:44px;font-size:18px}.cta-card{border-radius:16px;padding:24px 20px}.cta-icon-wrapper{flex-direction:column;gap:8px}.cta-card h3{font-size:1.2rem}.cta-card p{font-size:.95rem}}.testimonials-deck-wrapper{perspective:1200px;width:min(100%,430px);margin:0 auto 30px;padding:10px 0 44px;position:relative}.testimonials-deck{height:300px;transform-style:preserve-3d;position:relative}.testimonials-deck .testimonial-card{cursor:pointer;transform-origin:50% 100%;width:100%;min-width:0;max-width:none;height:252px;padding:16px;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s,box-shadow .7s;position:absolute;inset:0}.testimonials-deck .testimonial-card-front{z-index:3;opacity:1;transform:translateZ(80px)rotate(0);box-shadow:0 18px #0206177a,0 30px 50px #10b98133}.testimonials-deck .testimonial-card-next{z-index:2;opacity:.78;filter:saturate(.75)brightness(.82);transform:translate3d(24px,16px,20px)rotate(4deg)scale(.94)}.testimonials-deck .testimonial-card-third{z-index:1;opacity:.48;filter:saturate(.55)brightness(.68);transform:translate(-20px,28px)rotate(-5deg)scale(.88)}.testimonials-deck .testimonial-card-hidden{z-index:0;opacity:0;pointer-events:none;transform:translate3d(0,55px,-60px)scale(.8)rotate(8deg)}.testimonials-deck .testimonial-card-front:hover{transform:translate3d(0,-8px,100px)rotate(0)scale(1.015)}.testimonials-deck .testimonial-header{margin-bottom:10px}.testimonials-deck .testimonial-quote{padding:7px}.testimonials-deck .testimonial-quote svg{width:20px;height:20px}.testimonials-deck .testimonial-content{min-height:108px;margin-bottom:10px}.testimonials-deck .testimonial-text{-webkit-line-clamp:4;line-clamp:4;font-size:.84rem;line-height:1.45}.testimonials-deck .testimonial-footer{gap:10px;min-height:44px}.testimonials-deck .avatar-icon{border-radius:12px;width:42px;height:42px;font-size:18px}.testimonials-deck .author-name{font-size:.88rem}.testimonials-deck .author-year{font-size:.72rem}.testimonial-deck-controls{justify-content:center;gap:7px;display:flex;position:absolute;bottom:10px;left:0;right:0}.testimonial-deck-controls button{cursor:pointer;background:#94a3b857;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:width .25s,border-radius .25s,background .25s}.testimonial-deck-controls button.active{background:#34d399;border-radius:99px;width:24px;box-shadow:0 0 12px #34d39999}@media (max-width:480px){.testimonials-deck-wrapper{width:min(100%,340px);padding-top:6px}.testimonials-deck{height:232px}.testimonials-deck .testimonial-card{height:218px;padding:13px}.testimonials-deck .testimonial-header{margin-bottom:6px}.testimonials-deck .testimonial-content{min-height:82px;margin-bottom:7px}.testimonials-deck .testimonial-text{-webkit-line-clamp:3;line-clamp:3;font-size:.74rem;line-height:1.38}.testimonials-deck .testimonial-footer{min-height:38px}.testimonials-deck .avatar-icon{width:36px;height:36px;font-size:16px}.testimonials-deck .author-name{font-size:.76rem}.testimonials-deck .author-year{font-size:.64rem}.testimonials-deck .testimonial-rating{gap:2px}.testimonials-deck .testimonial-rating svg{width:13px;height:13px}.testimonials-deck .testimonial-card-next{transform:translate3d(15px,12px,20px)rotate(4deg)scale(.94)}.testimonials-deck .testimonial-card-third{transform:translate(-12px,22px)rotate(-5deg)scale(.88)}.testimonials-deck .testimonial-decoration{display:none}.testimonial-deck-controls{gap:6px;padding:0 8px;bottom:4px}.testimonial-deck-controls button,.testimonial-deck-controls button.active{border-radius:50%;flex:none;min-width:7px;min-height:7px;width:7px!important;height:7px!important;padding:0!important}.testimonial-deck-controls button.active{border-radius:99px;min-width:18px;width:18px!important}}@media (prefers-reduced-motion:reduce){.testimonials-deck .testimonial-card{transition:none}}
.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid;margin-top:100px}.footer-container{max-width:1200px;margin:0 auto;padding:60px 20px 20px}.footer-main{grid-template-columns:1fr 2fr;gap:60px;margin-bottom:50px;display:grid}.footer-brand{flex-direction:column;gap:24px;display:flex}.brand-logo{align-items:center;gap:12px;display:flex}.logo-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.brand-name{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:800}.brand-description{opacity:.9;max-width:350px;margin:0;font-size:1rem;line-height:1.6}.social-links{gap:12px;display:flex}.social-link{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:10px;justify-content:center;align-items:center;padding:12px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e33}.footer-links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.link-section{flex-direction:column;gap:16px;display:flex}.section-tittle{letter-spacing:-.01em;margin:0;font-weight:700;font-size:1rem!important}.link-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-link{opacity:.8;align-items:center;gap:6px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.footer-link:hover{opacity:1;transform:translate(4px)}.footer-stats{border-top:1px solid;border-bottom:1px solid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px;padding:30px 0;display:grid}.stat-item{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-number{font-size:1.8rem;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.85rem;font-weight:500}.footer-bottom{border-top:1px solid;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.copyright{align-items:center;display:flex}.copyright p{opacity:.8;align-items:center;gap:4px;margin:0;font-size:.9rem;display:flex}.footer-links-bottom{gap:24px;display:flex}.footer-links-bottom a{opacity:.8;font-size:.85rem;text-decoration:none;transition:all .2s}.footer-links-bottom a:hover{opacity:1}@media (max-width:1024px){.footer-main{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width:768px){.footer-container{padding:40px 15px 15px}.footer-main{gap:30px;margin-bottom:30px}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px}.footer-stats{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;padding:20px 0}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-links-bottom{gap:16px}}@media (max-width:480px){.footer-container{padding:30px 10px 10px}.brand-logo{gap:10px}.logo-icon{width:40px;height:40px;font-size:18px}.brand-name{font-size:1.3rem}.brand-description{font-size:.9rem}.footer-links{grid-template-columns:1fr;gap:20px}.footer-stats{grid-template-columns:1fr;gap:16px;padding:16px 0}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.footer-links-bottom{flex-direction:column;gap:12px}.copyright p{font-size:.85rem}}
.toast-container{z-index:2001;animation:.4s cubic-bezier(.4,0,.2,1) slideInRight;position:fixed;top:20px;right:200px}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:16px;min-width:320px;max-width:400px;position:relative;overflow:hidden}.toast-content{align-items:center;gap:12px;padding:16px 20px;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.toast-close{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{background:#6b72801a;transform:scale(1.1)}.toast-progress{transform-origin:0;width:100%;height:3px;animation:4s linear forwards progressBar;position:absolute;bottom:0;left:0}.toast.success{animation:.4s ease-out slideInRight,.6s ease-out .2s successPulse}.toast.error{animation:.4s ease-out slideInRight,.5s ease-out .2s errorShake}.toast.warning{animation:.4s ease-out slideInRight,.6s ease-out .2s warningBounce}.toast.info{animation:.4s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes warningBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:768px){.toast-container{top:80px;left:15px;right:15px}.toast{width:100%;min-width:auto}.toast-content{gap:10px;padding:14px 16px}.toast-message{font-size:.9rem}}@media (max-width:480px){.toast-container{top:70px;left:10px;right:10px}.toast{border-radius:12px}.toast-content{gap:8px;padding:12px 14px}.toast-message{font-size:.85rem}.toast-icon,.toast-close{transform:scale(.9)}}
.loading-screen{z-index:2000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-content{text-align:center;flex-direction:column;align-items:center;gap:30px;display:flex}.loading-spinner{border:4px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:1.2s linear infinite spin;display:flex;position:relative}.spinner-inner{border:2px solid;border-radius:50%;width:60px;height:60px;animation:.8s linear infinite spin-reverse}.loading-text h2{letter-spacing:-.02em;margin:0 0 10px;font-size:2.5rem;font-weight:700}.loading-text p{margin:0;font-size:1.1rem;font-weight:500}.loading-dots{gap:8px;display:flex}.loading-dots span{border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both dot-bounce}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.loading-text h2{font-size:2rem}.loading-text p{font-size:1rem}.loading-spinner{width:60px;height:60px}.spinner-inner{width:45px;height:45px}}
.browse-search-section{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin-bottom:24px;margin-left:auto;margin-right:auto;animation:.4s fadeIn;display:grid}.browse-button,.smart-search-button{-webkit-backdrop-filter:blur(20px);cursor:pointer;color:#94a3b8;background:#1e293bcc;border:2px solid;border-radius:16px;align-items:center;gap:16px;padding:18px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.browse-button:before,.smart-search-button:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.browse-button:hover,.smart-search-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.browse-button:hover:before,.smart-search-button:hover:before{opacity:1}.browse-button svg,.smart-search-button svg{flex-shrink:0;width:24px;height:24px}.browse-title,.search-title{color:#f8fafc;font-size:16px;font-weight:600;line-height:1.2}.browse-subtitle,.search-subtitle{opacity:.6;color:#94a3b8;margin-top:2px;font-size:13px}.smart-search-button{color:#fff;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e}.smart-search-button .search-title,.smart-search-button .search-subtitle{color:#fff}.smart-search-button svg{color:#22c55e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.browse-search-section{gap:12px;margin-bottom:20px;padding:0 8px}.browse-button,.smart-search-button{gap:12px;padding:14px 16px}.browse-title,.search-title{font-size:14px}.browse-subtitle,.search-subtitle{font-size:12px}.browse-button svg,.smart-search-button svg{width:20px;height:20px}}@media (max-width:480px){.browse-search-section{grid-template-columns:1fr;gap:10px;margin-bottom:16px;padding:0 5px}.browse-button,.smart-search-button{gap:10px;padding:12px 14px}.browse-title,.search-title{font-size:13px}.browse-subtitle,.search-subtitle{font-size:11px}}.search-section{margin-bottom:50px;position:relative}.search-container{max-width:800px;margin:0 auto;padding:0 10px;position:relative}.search-box{-webkit-backdrop-filter:blur(20px);cursor:text;color:#f1f5f9;background:#0c192bf5;border:1px solid #34d399b8;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #02081747,inset 0 1px #ffffff0a}.search-box:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#10b98114,#0000 62%);transition:opacity .3s;position:absolute;inset:0}.search-box:focus-within:before{opacity:1}.search-box:focus-within{border-color:#34d399;transform:translateY(-2px);box-shadow:0 16px 32px #02081757,0 0 0 3px #34d3991f}.search-icon{flex-shrink:0;align-items:center;display:flex}.search-input{background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:500;color:#f1f5f9!important}.search-input::placeholder{color:#94a3b8;opacity:.8}.smart-search-active{margin-bottom:34px}.smart-search-active .search-container{flex-direction:column;min-height:0;display:flex}.smart-search-active .search-box{z-index:4;order:3;margin-top:auto;position:sticky;bottom:16px;box-shadow:0 12px 28px #0208174d,inset 0 1px #ffffff0a}.smart-search-active .search-status{order:1}.smart-search-active .smart-results{order:2;margin-bottom:16px}.search-clear{color:#94a3b8;cursor:pointer;background:#94a3b81f;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:background .2s,color .2s,transform .2s;display:grid}.search-clear:hover{color:#f8fafc;background:#22c55e33;transform:rotate(90deg)}.search-status{text-align:left;margin:10px 4px 0;font-size:12px}.search-filters{scrollbar-width:none;gap:7px;margin:12px 0 4px;padding:2px 1px 4px;display:flex;overflow-x:auto}.search-filters::-webkit-scrollbar{display:none}.search-filter{color:#94a3b8;cursor:pointer;background:#1e293b8c;border:1px solid #94a3b833;border-radius:999px;flex:none;padding:7px 12px;font-size:11px;font-weight:700;transition:color .2s,border-color .2s,background .2s}.search-filter:hover,.search-filter.active{color:#d1fae5;background:#10b9812e;border-color:#34d399b8}.smart-results{background:#0f172aad;border:1px solid #94a3b829;border-radius:13px;gap:8px;max-height:min(48vh,420px);margin-top:12px;padding:5px;display:grid;overflow-y:auto;box-shadow:0 10px 25px #00000029}.smart-result{color:#f8fafc;text-align:left;cursor:pointer;background:#1e293b94;border:1px solid #94a3b81f;border-radius:10px;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:border-color .2s,background .2s;display:grid}.smart-result:hover{background:#22c55e1a;border-color:#22c55ea6}.smart-result-icon{color:#86efac;background:#22c55e26;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.smart-result-copy{gap:4px;min-width:0;display:grid}.smart-result-copy strong,.smart-result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smart-result-copy strong{font-size:14px}.smart-result-copy small{color:#94a3b8;font-size:11px}.smart-result-arrow{color:#4ade80;font-size:22px}.smart-empty{color:#94a3b8;text-align:center;padding:28px 14px;font-size:13px}@media (max-width:480px){.smart-search-active{margin-bottom:22px}.smart-search-active .search-container{min-height:0}.smart-search-active .search-box{margin-top:0;position:relative;bottom:auto}.search-filters{gap:5px;margin-top:9px}.search-filter{padding:6px 9px;font-size:10px}.search-container{padding-inline:0}.search-box{gap:10px;padding:13px 14px}.search-input{font-size:14px}.smart-results{border-radius:13px;max-height:52vh;margin-top:10px;padding:6px}.smart-result{grid-template-columns:34px minmax(0,1fr) 18px;gap:8px;padding:10px}.smart-result-icon{border-radius:9px;width:34px;height:34px}.smart-result-copy strong{font-size:12px}.smart-result-copy small{font-size:10px}}.category-selector{cursor:pointer;white-space:nowrap;background:#22c55e14;border:1.5px solid;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.category-selector:hover{background:#22c55e2e;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e40}.category-dropdown{-webkit-backdrop-filter:blur(22px);z-index:10;background:#1e293bf2;border:1px solid #22c55e4d;border-radius:11px;min-width:140px;animation:.16s dropDown;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 6px 22px #00000080}.inline-results-panel{-webkit-backdrop-filter:blur(18px);z-index:99;background:#0f172af2;border:1px solid #22c55e59;border-radius:12px;width:100%;max-height:310px;margin-top:6px;padding:6px 0;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000073}.inline-result-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;width:100%;padding:10px 14px;display:flex}.inline-result-item:hover{background:#22c55e1f}.inline-result-title{font-size:14px;font-weight:600}.inline-result-meta{color:#94a3b8;font-size:12px}.inline-no-results{color:#9ca3af;text-align:center;background:#0f172ae6;border:1px solid #94a3b840;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:13px}@keyframes dropDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.category-option{text-align:left;cursor:pointer;color:#94a3b8;background:0 0;border:none;width:100%;padding:10px 15px;font-size:13px;font-weight:500;transition:all .13s;display:block}.category-option:hover{color:#22c55e;background:#22c55e1a}.category-option:active{transform:scale(.98)}.search-overlay-background{z-index:1000;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0000009e;animation:.22s fadeInBg;position:fixed;inset:0}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.inverted-search-container{z-index:1001;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.results-section-top{overscroll-behavior:contain;pointer-events:all;flex-direction:column;flex:1;justify-content:flex-end;padding:20px 16px 12px;display:flex;overflow-y:auto}.results-section-top::-webkit-scrollbar{width:5px}.results-section-top::-webkit-scrollbar-track{background:0 0}.results-section-top::-webkit-scrollbar-thumb{background:#22c55e66;border-radius:3px}.search-top-dropdown{pointer-events:all;background:#0f172a80;border-bottom:1px solid #22c55e33;flex-shrink:0;padding:16px 20px}.dropdown-content{align-items:center;gap:14px;max-width:1100px;margin:0 auto;display:flex}.dropdown-label{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:600}.category-selector-top{gap:8px;display:flex;position:relative}.category-button-top{cursor:pointer;white-space:nowrap;background:#22c55e1a;border:1.5px solid;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.category-button-top:hover{background:#22c55e2e;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e40}.clear-category-top{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;transition:opacity .15s;display:flex}.clear-category-top:hover{opacity:1}.category-dropdown-top{-webkit-backdrop-filter:blur(22px);z-index:20;border:1px solid;border-radius:11px;min-width:140px;animation:.16s dropDown;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.category-option-top{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 15px;font-size:13px;font-weight:500;transition:background .13s;display:block}.category-option-top:hover{filter:brightness(1.2)}.category-option-top.selected{font-weight:700}.suggestion-heading{color:#d1fae5;margin-bottom:16px;font-size:16px;font-weight:700}.suggestion-list{flex-direction:column;gap:6px;width:100%;max-width:1030px;margin:0 auto 16px;display:flex}.suggestion-item{color:#d1fae5;text-align:left;cursor:pointer;background:#10b9812e;border:1px solid #22c55e66;border-radius:10px;width:100%;padding:10px 14px;transition:background .18s,transform .18s}.suggestion-item:hover{background:#22c55e40;transform:translateY(-1px)}.suggestion-title{color:#ecfccb;font-size:14px;font-weight:700}.suggestion-subtext{color:#a7f3d0;font-size:12px}.results-grid-top{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;width:100%;max-width:1100px;margin:0 auto;animation:.28s slideUp;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.result-card-top{border:1px solid var(--border);background:rgba(var(--card),.8);-webkit-backdrop-filter:blur(18px);color:var(--card-foreground);border-radius:13px;padding:16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:.32s both cardFadeIn;position:relative;overflow:hidden}.result-card-top:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.result-card-top:hover:before{left:100%}.result-card-top:hover{box-shadow:0 15px 35px #0009,inset 0 1px 0 var(--accent);border-color:var(--accent);background:rgba(var(--card),.95);transform:translateY(-4px)translate(2px)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card-top:first-child{animation-delay:30ms}.result-card-top:nth-child(2){animation-delay:70ms}.result-card-top:nth-child(3){animation-delay:.11s}.result-card-top:nth-child(n+4){animation-delay:.15s}.result-card-content-top{flex-direction:column;gap:12px;display:flex}.result-card-header-top{justify-content:space-between;align-items:center;display:flex}.result-card-icon-top{background:#ffffff12;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.result-card-badge-top{letter-spacing:.3px;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.result-card-body-top{flex:1}.result-card-title-top{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.result-card-category-top{opacity:.7;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.result-card-actions-top{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-button-top{cursor:pointer;white-space:nowrap;background:#22c55e1a;border:1.5px solid;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.action-button-top:not(.solution-button){color:inherit;border-color:currentColor}.action-button-top.solution-button{color:#ef4444;background:#ef44441a;border-color:#ef4444}.action-button-top:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.action-button-top:hover{background:rgba(var(--accent-rgb),.25);box-shadow:0 6px 16px var(--accent);border-color:var(--accent);transform:translateY(-2px)scale(1.05)}.action-button-top:hover:after{opacity:1}.no-results-top,.search-hint-top{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:60px 20px;animation:.3s fadeInBg;display:flex}.no-results-top h3,.search-hint-top h3{opacity:.75;margin:8px 0 2px;font-size:19px;font-weight:600}.no-results-top p,.search-hint-top p{opacity:.45;margin:0;font-size:13px}.search-bar-bottom{padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:all;background:linear-gradient(#0000,#000000b8 30%);flex-shrink:0}.search-box-bottom{-webkit-backdrop-filter:blur(28px);border:2px solid;border-radius:18px;align-items:center;gap:10px;max-width:780px;margin:0 auto;padding:13px 18px;transition:box-shadow .2s;display:flex;box-shadow:0 4px 30px #00000073}.search-box-bottom:focus-within{box-shadow:0 4px 30px #22c55e38}.search-input-bottom{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px;font-weight:500}.search-input-bottom::placeholder{opacity:.45}.clear-button-bottom,.close-button-bottom{cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .18s,opacity .18s;display:flex}.clear-button-bottom:hover,.close-button-bottom:hover{opacity:1;background:#ffffff1a}.category-selector-bottom{flex-shrink:0;position:relative}.category-button-bottom{border:1.5px solid var(--accent);cursor:pointer;white-space:nowrap;background:rgba(var(--accent-rgb),.08);color:var(--accent-foreground);border-radius:10px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.category-button-bottom:hover{box-shadow:0 8px 20px var(--accent);background:rgba(var(--accent-rgb),.18);border-color:var(--accent);transform:translateY(-2px)}.clear-category-button{cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:3px;align-items:center;padding:1px;transition:opacity .15s;display:flex}.clear-category-button:hover{opacity:1}.chevron{transition:transform .18s}.chevron.open{transform:rotate(180deg)}.category-dropdown-bottom{-webkit-backdrop-filter:blur(22px);z-index:10;border:1px solid;border-radius:11px;min-width:140px;animation:.16s dropUp;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 -6px 22px #00000061}@keyframes dropUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.category-option-bottom{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 15px;font-size:13px;font-weight:500;transition:background .13s}.category-option-bottom:hover{filter:brightness(1.2)}.category-option-bottom.selected{font-weight:700}.search-instructions-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444414;border:1px solid #ef444433;border-radius:12px;max-width:900px;margin:0 auto 20px;padding:14px 18px}.instruction-row{justify-content:center;margin-bottom:6px;display:flex}.instruction-row:last-child{margin-bottom:0}.instruction-item-compact{color:#e5e7eb;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.semester-badge-compact{text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;flex-shrink:0;min-width:60px;padding:5px 10px;font-size:10px;font-weight:700}.semester-badge-compact.sem-3{color:#fff;background:#ef4444}.semester-badge-compact.sem-5{color:#fff;background:#f97316}.status-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.status-title{margin:0;font-size:14px;font-weight:600}.status-description{margin:4px 0 0;font-size:13px}@media (max-width:768px){.search-container{padding:0 8px}.search-top-dropdown{padding:12px 14px}.dropdown-content{flex-wrap:wrap;gap:10px}.dropdown-label{flex:0 0 100%}.category-selector-top{flex:1}.results-section-top{padding:14px 10px 10px}.results-grid-top{grid-template-columns:repeat(2,1fr);gap:10px}.result-card-top{padding:13px}.result-card-actions-top{grid-template-columns:1fr 1fr}.action-button-top{padding:8px 10px;font-size:11px}.search-bar-bottom{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px))}.search-box-bottom{border-radius:15px;gap:9px;padding:11px 14px}.search-input-bottom{font-size:15px}.category-button-bottom{padding:6px 9px;font-size:12px}.search-box{padding:14px 18px}.search-input{font-size:14px}.search-instructions-compact{max-width:95%;padding:12px 14px}.instruction-row{justify-content:flex-start;margin-bottom:8px}.instruction-item-compact{gap:8px;font-size:12px}.semester-badge-compact{min-width:55px;padding:4px 8px;font-size:9px}}@media (max-width:480px){.search-container{padding:0 5px}.search-top-dropdown{padding:10px 12px}.dropdown-content{flex-direction:column;align-items:flex-start;gap:8px}.dropdown-label{margin-bottom:2px}.category-selector-top,.category-button-top{width:100%}.results-grid-top{grid-template-columns:1fr;gap:8px}.result-card-top{padding:11px}.result-card-title-top{font-size:13px}.result-card-category-top{font-size:11px}.result-card-actions-top{grid-template-columns:1fr}.action-button-top{padding:8px 10px;font-size:11px}.search-box-bottom{gap:7px;padding:9px 11px}.search-input-bottom{font-size:14px}.category-button-bottom{padding:5px 8px;font-size:11px}.search-instructions-compact{padding:10px 12px}.instruction-item-compact{flex-direction:column;align-items:flex-start;gap:5px;font-size:11px}.semester-badge-compact{align-self:flex-start;min-width:50px;padding:3px 6px;font-size:8px}}@media (max-width:360px){.search-box-bottom{padding:8px 10px}.search-input-bottom{font-size:13px}.semester-badge-compact{min-width:45px;padding:2px 4px;font-size:7px}}
:root{--primary:#22c55e;--primary-dark:#16a34a;--primary-light:#22c55e1a;--bg-dark:#0f172a;--card-bg:#1e293bf2;--border:#22c55e33;--text-primary:#f8fafc;--text-secondary:#94a3b8;--exam-end:#ef4444;--exam-mid:#f59e0b;--notes:#3b82f6;--handout:#8b5cf6}.browse-container{isolation:isolate;width:100%;max-width:980px;margin:0 auto;padding:26px 16px 44px;position:relative}.browse-atmosphere{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.browse-orb{filter:blur(2px);opacity:.3;border-radius:50%;width:240px;height:240px;animation:10s ease-in-out infinite browseDrift;position:absolute}.browse-orb-one{background:radial-gradient(circle,#10b98173,#0000 68%);top:8%;right:-120px}.browse-orb-two{background:radial-gradient(circle,#2563eb59,#0000 68%);animation-delay:-4s;bottom:4%;left:-150px}.browse-spark{background:#5eead4;border-radius:50%;width:5px;height:5px;animation:4s ease-in-out infinite browseSpark;position:absolute;box-shadow:0 0 16px #2dd4bf}.browse-spark-one{top:24%;left:4%}.browse-spark-two{animation-delay:-2s;top:38%;right:7%}.browse-method-switcher{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #22c55e59;border-radius:18px;gap:3px;width:fit-content;max-width:100%;margin:0 auto 28px;padding:4px;display:flex;box-shadow:0 16px 40px #0000002e,inset 0 1px #ffffff0f}.method-tab{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:9px;min-width:176px;padding:9px 13px;transition:transform .25s,background .25s,color .25s;display:flex}.method-tab.active{color:#f8fafc;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e47}.method-tab:hover:not(.active){color:#e2e8f0;background:#94a3b81a}.method-tab:active{transform:scale(.98)}.method-tab-icon{color:currentColor;background:#ffffff29;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.method-tab-search{font-size:28px;line-height:1}.method-tab span:last-child{gap:2px;display:grid}.method-tab strong{font-size:13px}.method-tab small{opacity:.8;font-size:10px}.browse-header{border:1px solid var(--border);background:linear-gradient(105deg,#0f172ae0,#1e293bd1);border-radius:16px;align-items:center;gap:16px;min-height:106px;margin-bottom:20px;padding:20px 24px;animation:.4s slideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000029}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.browse-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 15px #22c55e4d}.browse-header-visual{width:170px;height:145px;transform-style:preserve-3d;opacity:.95;animation:5s ease-in-out infinite headerBookFloat;position:absolute;top:-18px;right:28px;transform:rotateX(58deg)rotate(-18deg)}.browse-book{border-radius:6px 10px 8px 5px;width:135px;height:34px;position:absolute;left:15px;box-shadow:8px 12px #0003}.browse-book-bottom{background:linear-gradient(135deg,#172554,#312e81);bottom:17px}.browse-book-middle{background:linear-gradient(135deg,#164e63,#2563eb);bottom:43px;left:5px;transform:translateZ(14px)rotate(4deg)}.browse-book-top{background:linear-gradient(135deg,#047857,#10b981);bottom:70px;left:21px;transform:translateZ(28px)rotate(-4deg)}.browse-book-top span{border-top:2px solid #ecfdf5b3;border-bottom:2px solid #ecfdf54d;position:absolute;inset:8px 16px}.browse-cap{width:64px;height:52px;position:absolute;top:12px;left:58px;transform:translateZ(55px)}.browse-cap i{clip-path:polygon(50% 0,100% 35%,50% 70%,0 35%);background:#4338ca;height:34px;position:absolute;inset:0 0 auto}.browse-cap b{background:#4f46e5;border-radius:5px 5px 12px 12px;width:32px;height:25px;position:absolute;top:25px;left:18px}.browse-header-text h1{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:700}.browse-header-text p{color:var(--text-secondary);margin:0;font-size:13px}.progress-bar{border:1px solid var(--border);background:#0f172ac2;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:19px 28px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000021}.progress-line{background:#22c55e26;height:2px;position:absolute;top:37px;left:17%;right:17%}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:0 3px 3px 0;height:100%;transition:width .4s}.progress-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.step-indicator{width:36px;height:36px;color:var(--text-secondary);background:#94a3b833;border:1px solid #94a3b81a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .3s;display:flex}.progress-step.active .step-indicator{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:scale(1.1);box-shadow:0 0 20px #22c55e66}.progress-step.completed .step-indicator{background:var(--primary);color:#fff}.step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.progress-step.active .step-label{color:var(--primary)}.breadcrumb{align-items:center;gap:12px;margin-bottom:16px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.back-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.back-btn:hover{border-color:var(--primary);color:var(--primary)}.back-btn:active{transform:scale(.97)}.breadcrumb-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.step-title{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:600;animation:.3s fadeIn}.step-content{animation:.4s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes browseDrift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-18px)scale(1.06)}}@keyframes browseSpark{0%,to{opacity:.2;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-16px)scale(1.2)}}@keyframes headerBookFloat{0%,to{transform:rotateX(58deg)rotate(-18deg)translateY(0)}50%{transform:rotateX(58deg)rotate(-14deg)translateY(-8px)}}.selection-grid{gap:12px;display:grid}.selection-grid.semesters{grid-template-columns:repeat(4,1fr)}.selection-grid.subjects,.selection-grid.categories{grid-template-columns:repeat(2,1fr)}.selection-card{border:2px solid var(--border);cursor:pointer;opacity:0;background:linear-gradient(145deg,#1e293beb,#0f172aeb);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:20px 12px;transition:all .25s;animation:.4s forwards cardIn;display:flex;box-shadow:0 12px #020617a6,0 18px 28px #00000024}@keyframes cardIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.selection-card:hover{border-color:var(--primary);transform:translateY(-6px)rotateX(3deg);box-shadow:0 12px #020617a6,0 18px 35px #22c55e2e}.selection-card:active{transform:translateY(-2px)scale(.98)}.semester-card{aspect-ratio:1;position:relative;overflow:hidden}.semester-card:after{content:"→";width:26px;height:26px;color:var(--primary);opacity:.9;border:1px solid #22c55ea6;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:14px}.card-number{color:var(--primary);font-size:32px;font-weight:700;line-height:1}.card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:12px}.subject-card{gap:10px;padding:16px}.card-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.card-title{color:var(--text-primary);text-align:center;word-break:break-word;font-size:13px;font-weight:600;line-height:1.3}.category-card{gap:10px;padding:18px 14px}.category-card.exam-end{border-color:#ef44444d}.category-card.exam-end:hover{border-color:var(--exam-end);box-shadow:0 8px 25px #ef444426}.category-card.exam-end .card-icon{color:var(--exam-end);background:#ef444426}.category-card.exam-mid{border-color:#f59e0b4d}.category-card.exam-mid:hover{border-color:var(--exam-mid);box-shadow:0 8px 25px #f59e0b26}.category-card.exam-mid .card-icon{color:var(--exam-mid);background:#f59e0b26}.category-card.notes{border-color:#3b82f64d}.category-card.notes:hover{border-color:var(--notes);box-shadow:0 8px 25px #3b82f626}.category-card.notes .card-icon{color:var(--notes);background:#3b82f626}.category-card.handout{border-color:#8b5cf64d}.category-card.handout:hover{border-color:var(--handout);box-shadow:0 8px 25px #8b5cf626}.category-card.handout .card-icon{color:var(--handout);background:#8b5cf626}.files-section{animation:.4s fadeIn}.files-list{flex-direction:column;gap:12px;display:flex}.file-card{opacity:0;background:#1e293bf2;border:1px solid #22c55e40;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;animation:.3s forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-card:hover{border-color:#22c55e80;box-shadow:0 4px 20px #0003}.file-card-header{align-items:center;gap:14px;display:flex}.file-icon{color:#22c55e;background:#22c55e26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-info{flex:1;min-width:0}.file-info h4{color:#f8fafc;word-break:break-word;margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.3}.file-info p{color:#94a3b8;margin:0;font-size:12px}.file-actions{flex-wrap:wrap;gap:10px;display:flex}.file-actions.has-solution{grid-template-columns:1fr 1fr;display:grid}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px 16px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66}.action-btn.solution{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-btn.solution:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.action-btn:active{transform:translateY(0)scale(.98)}.loading-state{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:50px 20px;display:flex}.spinner{border:3px solid #22c55e33;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--text-secondary);margin:0;font-size:14px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:50px 20px;display:flex}.empty-state h3{color:var(--text-primary);margin:16px 0 6px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:13px}.light .browse-container{--card-bg:#fffffffa;--border:#22c55e26;--text-primary:#1f2937;--text-secondary:#6b7280}@media (max-width:768px){.browse-container{padding:20px 12px 32px}.browse-method-switcher{margin-bottom:20px}.method-tab{min-width:0;padding:8px 10px}.method-tab-icon{flex-basis:30px;width:30px;height:30px}.method-tab strong{font-size:12px}.method-tab small{font-size:9px}.browse-header{gap:12px;padding:16px 18px}.browse-header-visual{transform-origin:100%;opacity:.55;right:-12px;transform:scale(.78)rotateX(58deg)rotate(-18deg)}.browse-header-icon{width:44px;height:44px}.browse-header-text h1{font-size:18px}.progress-bar{padding:12px 16px}.step-indicator{width:28px;height:28px;font-size:12px}.step-label{font-size:10px}.selection-grid.semesters{grid-template-columns:repeat(4,1fr)}.selection-grid.subjects,.selection-grid.categories{grid-template-columns:repeat(2,1fr)}.card-number{font-size:28px}.view-btn span{display:none}.view-btn{padding:10px 12px}.file-card{padding:14px}.file-icon{width:44px;height:44px}.file-info h4{font-size:14px}.action-btn{padding:11px 14px;font-size:13px}}@media (max-width:480px){.browse-container{padding:16px 10px 28px}.browse-method-switcher{width:100%;margin-bottom:18px}.method-tab{flex:1;gap:6px;padding:7px 8px}.method-tab-icon{border-radius:8px;flex-basis:27px;width:27px;height:27px}.method-tab-icon svg{width:18px;height:18px}.method-tab strong{font-size:11px}.method-tab small{font-size:8px}.browse-header{gap:10px;min-height:82px;padding:14px}.browse-header-visual{opacity:.4;right:-35px;transform:scale(.56)rotateX(58deg)rotate(-18deg)}.browse-header-icon{width:40px;height:40px}.browse-header-icon svg{width:20px;height:20px}.browse-header-text h1{font-size:16px}.browse-header-text p{font-size:12px}.progress-bar{padding:12px 10px 16px}.progress-line{top:27px;left:16%;right:16%}.step-indicator{width:26px;height:26px;font-size:11px}.step-label{letter-spacing:0;font-size:9px}.progress-step.active .step-indicator{transform:scale(1.05)}.back-btn{padding:8px 12px;font-size:13px}.breadcrumb-text{font-size:12px}.step-title{font-size:16px}.selection-grid{gap:10px}.selection-grid.semesters{grid-template-columns:repeat(4,1fr)}.selection-grid.subjects,.selection-grid.categories{grid-template-columns:1fr 1fr}.semester-card{padding:14px 8px}.card-number{font-size:24px}.card-label{font-size:10px}.subject-card,.category-card{gap:8px;padding:14px 10px}.card-icon{width:36px;height:36px}.card-title{font-size:12px}.file-card{gap:10px;padding:12px}.file-card-header{gap:12px}.file-icon{width:40px;height:40px}.file-icon svg{width:22px;height:22px}.file-info h4{font-size:13px}.file-info p{font-size:11px}.file-actions{gap:8px}.action-btn{gap:6px;padding:10px 12px;font-size:12px}.action-btn svg{width:16px;height:16px}}@media (max-width:360px){.browse-container{padding:8px}.browse-header{text-align:center;flex-direction:column;padding:16px 12px}.browse-header-text h1{font-size:15px}.progress-bar{padding:8px 10px}.step-indicator{width:24px;height:24px;font-size:10px}.step-label{font-size:8px}.selection-grid.semesters{grid-template-columns:repeat(4,1fr)}.semester-card{padding:12px 6px}.card-number{font-size:22px}.selection-grid.subjects,.selection-grid.categories{grid-template-columns:1fr}.subject-card,.category-card{flex-direction:row;justify-content:flex-start;gap:12px;padding:14px}.card-title{text-align:left}.file-actions{grid-template-columns:1fr}.action-btn{padding:12px}}@media (hover:none) and (pointer:coarse){.selection-card:hover{box-shadow:none;transform:none}.selection-card:active{border-color:var(--primary);transform:scale(.97)}.view-btn:hover{box-shadow:none;transform:none}.view-btn:active{transform:scale(.95)}.back-btn:hover{border-color:var(--border);color:var(--text-primary)}.back-btn:active{border-color:var(--primary);color:var(--primary)}.action-btn:hover{box-shadow:none;transform:none}.action-btn:active{transform:scale(.95)}.file-card:hover{border-color:var(--border);box-shadow:none}}@media (max-width:600px){.browse-method-switcher{box-sizing:border-box;border-radius:17px;gap:2px;width:calc(100vw - 24px);max-width:100%;margin:0 auto 20px;padding:4px}.page-method-switcher{margin-inline:auto}.method-tab{border-radius:12px;flex:1 1 0;gap:8px;width:50%;min-width:0;padding:8px 10px;overflow:hidden}.method-tab-icon{border-radius:10px;flex-basis:32px;width:32px;height:32px}.method-tab span:last-child{min-width:0}.method-tab strong,.method-tab small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-header-visual{display:none}.browse-header-text{min-width:0}.browse-header-text p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-bar{min-width:0;padding-inline:6px}.progress-line{left:18%;right:18%}.selection-grid.semesters{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;margin-right:-10px;padding:8px 22px 22px 4px;display:flex;overflow-x:auto}.selection-grid.semesters::-webkit-scrollbar{display:none}.selection-grid.semesters .semester-card{aspect-ratio:1.4;scroll-snap-align:start;flex:0 0 64%;width:64%;height:auto;min-height:0;margin-left:-16px;position:relative}.selection-grid.semesters .semester-card:first-child{margin-left:0}.selection-grid.semesters .semester-card:first-child{z-index:7}.selection-grid.semesters .semester-card:nth-child(2){z-index:6}.selection-grid.semesters .semester-card:nth-child(3){z-index:5}.selection-grid.semesters .semester-card:nth-child(4){z-index:4}.selection-grid.semesters .semester-card:nth-child(5){z-index:3}.selection-grid.semesters .semester-card:nth-child(6){z-index:2}.selection-grid.semesters .semester-card:nth-child(7){z-index:1}.selection-grid.subjects,.selection-grid.categories{grid-template-columns:1fr}.selection-card{min-width:0;min-height:132px}.semester-card:after{bottom:9px;right:10px}.breadcrumb{min-width:0}}@media (max-width:360px){.browse-container{padding-inline:8px}.method-tab{gap:5px;padding-inline:6px}.method-tab-icon{flex-basis:24px;width:24px;height:24px}.method-tab strong{font-size:10px}.method-tab small{font-size:7px}.selection-card{min-height:116px}.selection-grid.semesters{padding-right:18px}.selection-grid.semesters .semester-card{flex-basis:70%;width:70%;margin-left:-13px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.browse-container{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}.file-card.locked{background:#f59e0b0d;border:1px dashed #f59e0b66}.file-lock-badge{color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b66;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.action-btn.locked-btn{color:#f59e0b!important;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)!important;border:1px solid #f59e0b66!important}.action-btn.locked-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b33;background:linear-gradient(135deg,#f59e0b4d,#f59e0b33)!important}.subject-grid-integrated{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.subject-card-integrated{background:var(--card-bg);border:2px solid var(--border);opacity:0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;animation:.4s forwards cardIn;display:flex}.subject-card-integrated:hover{border-color:var(--primary);box-shadow:0 8px 25px #0003}.subject-card-header{align-items:center;gap:12px;display:flex}.subject-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.subject-title{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.4}.subject-category-buttons{flex-wrap:wrap;gap:8px;display:flex}.category-button{cursor:pointer;background:0 0;border:2px solid;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:90px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.category-button.category-mid{color:var(--exam-mid);border-color:#f59e0b66}.category-button.category-mid:hover{border-color:var(--exam-mid);background:#f59e0b26;transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b33}.category-button.category-end{color:var(--exam-end);border-color:#ef444466}.category-button.category-end:hover{border-color:var(--exam-end);background:#ef444426;transform:translateY(-2px);box-shadow:0 4px 15px #ef444433}.category-button.category-handout{color:var(--handout);border-color:#8b5cf666}.category-button.category-handout:hover{border-color:var(--handout);background:#8b5cf626;transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf633}.category-button.category-notes{color:var(--notes);border-color:#3b82f666}.category-button.category-notes:hover{border-color:var(--notes);background:#3b82f626;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f633}.category-button.category-default{color:var(--primary);border-color:#22c55e66}.category-button.category-default:hover{border-color:var(--primary);background:#22c55e26;transform:translateY(-2px);box-shadow:0 4px 15px #22c55e33}.category-button:active{transform:translateY(0)scale(.98)}@media (max-width:768px){.subject-grid-integrated{grid-template-columns:1fr}.subject-category-buttons{gap:6px}.category-button{min-width:80px;padding:9px 12px;font-size:12px}}@media (max-width:480px){.subject-grid-integrated{gap:12px}.subject-card-integrated{padding:14px}.subject-card-header{gap:10px}.subject-icon{width:36px;height:36px}.subject-title{font-size:14px}.subject-category-buttons{gap:6px}.category-button{min-width:70px;padding:8px 10px;font-size:11px}}@media (hover:none) and (pointer:coarse){.subject-card-integrated:hover{border-color:var(--border);box-shadow:none}.subject-card-integrated:active{border-color:var(--primary)}.category-button:hover{box-shadow:none;transform:none}.category-button:active{transform:scale(.95)}}
*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-compact{color:#f8fafc;background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #22c55e33;border-radius:20px;width:90%;max-width:420px;padding:32px 24px;animation:.3s ease-out slideUp;position:relative;box-shadow:0 40px 120px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.close:hover{color:#f8fafc;background:#ffffff1a}.header-compact{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px;display:flex}.header-compact h1{color:#22c55e;letter-spacing:-1px;margin:0;font-size:48px;font-weight:900}.period-small{color:#cbd5e1;margin-left:6px;font-size:16px;font-weight:500}.error-small{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;font-weight:500}.terms-small{color:#cbd5e1;align-items:flex-start;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.terms-small input[type=checkbox]{cursor:pointer;accent-color:#22c55e;flex-shrink:0;width:16px;height:16px;margin-top:3px}.terms-small label{cursor:pointer;line-height:1.4}.terms-small a{color:#22c55e;font-weight:600;text-decoration:none;transition:color .2s}.terms-small a:hover{color:#16a34a;text-decoration:underline}.pay-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:18px;font-size:18px;font-weight:800;transition:all .2s;box-shadow:0 6px 24px #22c55e59}.pay-large:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 32px #22c55e73}.pay-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.secure-small{color:#94a3b8;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}@media (max-width:480px){.modal-compact{border-radius:16px;width:95%;max-width:100%;padding:28px 20px}.header-compact h1{font-size:42px}.pay-large{padding:16px;font-size:16px}}