@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--bg-dark:#050814;--bg-gradient:#050814;--color-blue:#2563eb;--color-blue-light:#60a5fa;--color-blue-glow:#2563eb66;--color-yellow:#f59e0b;--color-yellow-glow:#f59e0b59;--color-yellow-hover:#d97706;--color-white:#fff;--color-muted:#94a3b8;--color-success:#10b981;--color-error:#ef4444;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff12;--glass-border-hover:#ffffff29;--glass-blur:blur(25px);--glass-shadow:0 12px 40px 0 #00000080;--glass-inner-glow:inset 0 1px 1px 0 #ffffff1f;--font-heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-body);color:var(--color-white);background-color:var(--bg-dark);background-image:var(--bg-gradient);scroll-behavior:smooth;background-attachment:fixed;line-height:1.6;overflow-x:hidden}html,body,*{-ms-overflow-style:none!important;scrollbar-width:none!important}::-webkit-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-track{background:0 0!important;display:none!important}::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px!important}}.liquid-bg{z-index:-1;pointer-events:none;will-change:transform;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.blob{filter:blur(80px);opacity:.12;will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}body.app-mode .blob{display:none!important}.blob-1{background:var(--color-blue);width:550px;height:550px;top:-10%;left:-5%}.blob-2{background:#312e81;width:650px;height:650px;bottom:-15%;right:-5%}.blob-3{background:var(--color-yellow);opacity:.06;width:450px;height:450px;animation-duration:26s;top:35%;left:45%}@keyframes float{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(80px,60px)scale(1.08)rotate(180deg)}to{transform:translate(-40px,-80px)scale(.92)rotate(360deg)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);transition:border-color var(--transition-normal), background var(--transition-normal), transform var(--transition-normal);border-radius:20px;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.btn-primary{font-family:var(--font-heading);background:var(--color-yellow);color:#0c0a09;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 14px 0 var(--color-yellow-glow);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary:hover{background:var(--color-yellow-hover);box-shadow:0 6px 20px 0 var(--color-yellow-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{font-family:var(--font-heading);color:var(--color-white);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff1a;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{border:1px solid var(--glass-border);width:38px;height:38px;color:var(--color-white);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{border-color:var(--glass-border-hover);background:#ffffff17}.navbar{z-index:100;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);transition:var(--transition-normal);background:#070c1bb3;padding:14px 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-img-wrapper{border:2px solid var(--color-blue-light);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:1px;display:flex;overflow:hidden}.logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.logo-text{font-family:var(--font-heading);letter-spacing:.05em;background:linear-gradient(135deg, #fff 40%, var(--color-blue-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:800}.nav-links{gap:8px;display:flex}.nav-link-btn{color:var(--color-muted);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:500;display:flex}.nav-link-btn:hover,.nav-link-btn.active{color:var(--color-white);background:#ffffff0d}.nav-actions{align-items:center;display:flex}.user-profile-widget{align-items:center;gap:16px;display:flex}.user-name{color:var(--color-muted);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.user-icon{color:var(--color-blue-light)}.mobile-menu-toggle{color:var(--color-white);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu-panel{width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:99;background:#070c1bf2;flex-direction:column;gap:12px;padding:20px 24px;display:none;position:absolute;top:100%;left:0}.mobile-link-btn{color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;padding:10px 14px;font-size:16px;font-weight:600;display:flex}.mobile-link-btn.active,.mobile-link-btn:hover{color:var(--color-white);background:#ffffff0d}.hero{text-align:center;padding:80px 0 60px;position:relative}.hero-badge{font-family:var(--font-heading);color:var(--color-blue-light);background:#2563eb1a;border:1px solid #2563eb33;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 0 15px #2563eb26}.hero-title{max-width:900px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:54px;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--color-blue-light) 0%, var(--color-yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--color-muted);max-width:680px;margin:0 auto 36px;font-size:18px}.hero-ctas{justify-content:center;gap:16px;display:flex}.hero-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px;display:grid}.stat-card{text-align:center;padding:24px}.stat-num{font-family:var(--font-heading);color:var(--color-white);margin-bottom:6px;font-size:38px;font-weight:800;line-height:1}.stat-num.yellow{color:var(--color-yellow)}.stat-num.blue{color:var(--color-blue-light)}.stat-lbl{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.section-header{text-align:center;margin-bottom:40px}.section-title{margin-bottom:8px;font-size:32px}.section-subtitle{color:var(--color-muted);max-width:500px;margin:0 auto;font-size:16px}.section-padding{padding:60px 0}.video-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.video-card{flex-direction:column;display:flex}.video-thumbnail-wrapper{aspect-ratio:16/9;border-bottom:1px solid var(--glass-border);width:100%;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast);background:#070c1b66;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.video-thumbnail-wrapper:hover .video-overlay{opacity:1}.play-btn-circle{width:60px;height:60px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:transform var(--transition-fast);background:#070c1bd9;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #00000080}.play-btn-circle:hover{box-shadow:var(--color-yellow-glow) 0 0 20px;transform:scale(1.1)}.video-info{flex-direction:column;flex-grow:1;padding:20px;display:flex}.subject-tag{text-transform:uppercase;color:var(--color-blue-light);letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.video-title{color:var(--color-white);flex-grow:1;font-size:18px;font-weight:700;line-height:1.4}.notes-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.note-card{flex-direction:column;height:100%;display:flex}.note-status-badge{letter-spacing:.05em;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:16px;right:16px}.note-status-badge.locked{color:var(--color-error);background:#ef44441f;border:1px solid #ef444433}.note-status-badge.unlocked{color:var(--color-success);background:#10b9811f;border:1px solid #10b98133}.note-body{flex-direction:column;flex-grow:1;padding:24px 24px 16px;display:flex}.semester-tag{color:var(--color-muted);margin-bottom:8px;font-size:12px;font-weight:600}.note-title{margin-bottom:10px;font-size:20px;line-height:1.3}.note-description{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.note-topics{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.topic-chip{border:1px solid var(--glass-border);color:var(--color-muted);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:11px}.topic-chip-more{color:var(--color-blue-light);padding:3px 8px;font-size:11px}.note-stats{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.note-stat-item{color:var(--color-muted);align-items:center;gap:6px;font-size:13px;display:flex}.note-price{align-items:center;gap:6px;display:flex}.original-price{color:var(--color-muted);font-size:13px;text-decoration:line-through}.discounted-price{font-family:var(--font-heading);color:var(--color-white);font-size:20px;font-weight:700}.free-price{font-family:var(--font-heading);color:var(--color-success);font-size:18px;font-weight:700}.note-footer{border-top:1px solid #ffffff08;padding:16px 24px 24px}.action-buttons-group{gap:8px;display:flex}.w-full{width:100%}.flex-1{flex:1}.faq-section{max-width:800px;margin:0 auto}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-card{background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-fast);border-radius:12px;overflow:hidden}.faq-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.faq-question-btn{width:100%;color:var(--color-white);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.faq-question-text{font-family:var(--font-heading);font-size:17px;font-weight:600}.faq-icon-wrapper{color:var(--color-muted);flex-shrink:0;margin-left:16px}.faq-answer-container{max-height:0;transition:max-height var(--transition-normal) ease;overflow:hidden}.faq-answer-container.show{max-height:200px}.faq-answer-content{color:var(--color-muted);padding:0 24px 20px;font-size:15px}.auth-container{flex-grow:1;justify-content:center;align-items:center;padding:60px 0 100px;display:flex}.auth-card{width:100%;max-width:480px;padding:40px}.auth-header{text-align:center;margin-bottom:24px}.auth-logo-wrapper{justify-content:center;margin-bottom:16px;display:flex}.auth-title{margin-bottom:6px;font-size:28px}.auth-subtitle{color:var(--color-muted);font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.form-toggle-link{text-align:center;color:var(--color-muted);margin-top:20px;font-size:14px}.form-toggle-link span{color:var(--color-yellow);cursor:pointer;font-weight:600}.form-toggle-link span:hover{text-decoration:underline}.dashboard-container{padding:40px 0 80px}@media (width<=768px){.dashboard-container{padding:20px 0 40px!important}}.dashboard-controls{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.search-bar-wrapper{width:100%;max-width:600px;margin:0 auto;position:relative}.search-icon-overlay{color:var(--color-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-bar-wrapper input{padding-left:48px}.year-tabs{justify-content:center;gap:10px;display:flex}@media (width<=768px){.year-tabs{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;margin:0 -16px!important;padding:6px 16px 12px!important;display:flex!important;overflow-x:auto!important}.year-tabs::-webkit-scrollbar{display:none!important}.year-tab-btn{flex-shrink:0!important}}.year-tab-btn{font-family:var(--font-heading);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-muted);cursor:pointer;transition:var(--transition-fast);border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.year-tab-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--color-white)}.year-tab-btn.active{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-white);box-shadow:0 4px 12px var(--color-blue-glow)}.sem-filters{justify-content:center;gap:8px;display:flex}@media (width<=768px){.sem-filters{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;margin:0 -16px!important;padding:6px 16px 12px!important;display:flex!important;overflow-x:auto!important}.sem-filters::-webkit-scrollbar{display:none!important}.sem-filter-btn{flex-shrink:0!important}}.sem-filter-btn{border:1px solid var(--glass-border);color:var(--color-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.sem-filter-btn:hover{border-color:var(--glass-border-hover);color:var(--color-white)}.sem-filter-btn.active{border-color:var(--color-yellow);color:var(--color-yellow);background:#ffffff14}.pdf-viewer-container{flex-direction:column;gap:12px;height:90vh;margin:20px 0;display:flex}.viewer-header{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.viewer-title-area{text-align:center}.viewer-title{margin-bottom:2px;font-size:18px}.viewer-subtitle{color:var(--color-muted);font-size:12px;font-weight:600}.viewer-controls{align-items:center;gap:10px;display:flex}.zoom-text{text-align:center;width:44px;font-size:13px;font-weight:600}.security-banner{border:1px dashed var(--color-yellow);color:var(--color-yellow);background:#f59e0b14;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.viewer-workspace{flex-grow:1;justify-content:center;padding:16px 0;display:flex;position:relative;overflow:hidden;border:1px solid var(--glass-border)!important;background:radial-gradient(#ffffff0d 1.5px,#0000 0) 0 0/24px 24px!important;border-radius:20px!important}.page-scroller{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:780px;padding:0 16px;display:flex}.page-canvas-wrapper{color:#1e293b;aspect-ratio:1/1.414;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 10px 25px #00000080}.pdf-simulated-content{transform-origin:top;flex-direction:column;width:100%;height:100%;padding:40px;transition:transform .2s;display:flex;position:relative}.watermark{color:#0f172a0d;white-space:nowrap;pointer-events:none;letter-spacing:.1em;font-size:42px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.doc-header{color:#64748b;border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:24px;padding-bottom:8px;font-size:12px;display:flex}.doc-subj{text-transform:uppercase;color:var(--color-blue);font-weight:700}.doc-page{font-weight:500}.doc-topic-title{color:#0f172a;margin-bottom:18px;font-size:22px;font-weight:700}.doc-section{text-align:left;margin-bottom:20px}.doc-section h3{color:#334155;margin-bottom:6px;font-size:15px;font-weight:700}.doc-section p{color:#475569;margin-bottom:8px;font-size:13.5px;line-height:1.5}.doc-section ul{color:#475569;margin-bottom:8px;padding-left:20px;font-size:13.5px}.doc-section li{margin-bottom:4px}.doc-code-block{text-align:left;background:#0f172a;border-radius:6px;margin-bottom:20px;padding:12px 16px}.code-header{color:#64748b;border-bottom:1px solid #1e293b;margin-bottom:8px;padding-bottom:4px;font-family:monospace;font-size:11px}.doc-code-block pre{color:#38bdf8;font-family:monospace;font-size:12px;overflow-x:auto}.diagram-placeholder{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;margin-top:10px;padding:16px;font-size:12px;font-weight:600}.doc-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:auto;padding-top:8px;font-size:10px;display:flex}.locked-preview-overlay{-webkit-backdrop-filter:blur(15px);text-align:center;z-index:10;background:#070c1bd9;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.locked-overlay-content{flex-direction:column;align-items:center;gap:16px;max-width:400px;display:flex}.locked-overlay-content h3{font-size:22px}.locked-overlay-content p{color:var(--color-muted);font-size:14px}.locked-tag{color:var(--color-error);font-size:12px;font-weight:700}.viewer-footer{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.page-counter{font-size:14px}.admin-container{padding:40px 0 80px}.admin-grid{grid-template-columns:1fr 2fr;gap:30px;display:grid}.admin-form-card{height:fit-content;padding:30px}.admin-list-card{padding:30px}.admin-table-wrapper{margin-top:20px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{border-bottom:2px solid var(--glass-border);color:var(--color-muted);text-transform:uppercase;padding:12px 16px;font-size:13px;font-weight:600}.admin-table td{border-bottom:1px solid var(--glass-border);padding:14px 16px;font-size:14px}.admin-table tr:hover td{background:#ffffff05}.footer{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);background:#03050cd9;margin-top:auto;padding:50px 0 30px}.footer-row{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-desc{color:var(--color-muted);font-size:14px;line-height:1.5}.footer-links-group{gap:60px;display:flex}.footer-col h4{font-family:var(--font-heading);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:14px;font-weight:600}.footer-links-list{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-link-item{color:var(--color-muted);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;font-size:14px}.footer-link-item:hover{color:var(--color-yellow)}.social-row{gap:12px;display:flex}.social-icon-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--color-muted);transition:var(--transition-fast);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{color:var(--color-yellow);border-color:var(--color-yellow);background:#ffffff14}.footer-bottom{text-align:center;color:var(--color-muted);border-top:1px solid #ffffff0d;padding-top:20px;font-size:13px}.yellow-accent{color:var(--color-yellow)}.blue-accent{color:var(--color-blue-light)}.empty-state{text-align:center;color:var(--color-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;margin:20px 0 60px;padding:60px 20px}@media (width<=1024px){.notes-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:42px}.hero-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-links,.nav-actions{display:none}.mobile-menu-toggle{display:block}.mobile-menu-panel{display:flex}.notes-grid,.video-grid,.admin-grid{grid-template-columns:1fr}.hero-title{font-size:32px}.hero-stats-row{grid-template-columns:1fr}.footer-row{flex-direction:column;gap:30px}.footer-links-group{flex-wrap:wrap;gap:40px}}input,select,textarea{font-family:var(--font-body)!important;border:1px solid var(--glass-border)!important;color:var(--color-white)!important;transition:var(--transition-fast)!important;box-sizing:border-box!important;background:#ffffff0a!important;border-radius:12px!important;outline:none!important;width:100%!important;padding:14px 16px!important;font-size:15px!important;display:block!important}input[type=checkbox]{cursor:pointer!important;width:16px!important;height:16px!important;box-shadow:none!important;vertical-align:middle!important;background:0 0!important;border-radius:4px!important;margin:0!important;padding:0!important;display:inline-block!important}input:focus,select:focus,textarea:focus{border-color:var(--color-blue-light)!important;background-color:#ffffff12!important;box-shadow:0 0 16px #60a5fa40!important}select option{color:#111827!important;background-color:#fff!important}.form-group div>input,.search-bar-wrapper>input{padding-left:48px!important}input:-webkit-autofill{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}input:-webkit-autofill:hover{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}input:-webkit-autofill:focus{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}textarea:-webkit-autofill{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}textarea:-webkit-autofill:hover{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}textarea:-webkit-autofill:focus{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}select:-webkit-autofill{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}select:-webkit-autofill:hover{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}select:-webkit-autofill:focus{border:1px solid var(--glass-border)!important;-webkit-text-fill-color:var(--color-white)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #09122c!important}.license-badge{position:absolute;top:16px;right:16px;color:var(--color-yellow)!important;text-transform:uppercase!important;letter-spacing:.05em!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;z-index:2!important;background:#fbbf241f!important;border:1px solid #fbbf2440!important;border-radius:8px!important;align-items:center!important;padding:4px 10px!important;font-size:11px!important;font-weight:700!important;display:flex!important}.bundles-container{text-align:left;margin-bottom:45px}.bundle-banner-card{grid-template-columns:1.8fr 1.2fr 1fr;align-items:center;gap:28px;margin-bottom:24px;padding:30px;transition:all .3s;display:grid;position:relative;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;background:linear-gradient(135deg,#fbbf240f,#0f172a66)!important;border:1px solid #fbbf2438!important;border-radius:20px!important;box-shadow:0 10px 30px #fbbf2408!important}.bundle-banner-card:hover{transform:translateY(-2px);border-color:#fbbf246b!important;box-shadow:0 12px 40px #fbbf2414!important}.bundle-banner-badge{color:var(--color-yellow);text-transform:uppercase;letter-spacing:.05em;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.bundle-banner-title{font-family:var(--font-heading);color:var(--color-white);text-align:left;margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.3}.bundle-banner-desc{color:var(--color-muted);text-align:left;margin:0;font-size:13.5px;line-height:1.6}.bundle-banner-includes{border:1px solid var(--glass-border);text-align:left;background:#ffffff05;border-radius:12px;padding:18px}.bundle-banner-includes-title{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.bundle-banner-includes-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bundle-banner-includes-item{color:var(--color-white);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.bundle-banner-checkout{text-align:center;border-left:1px solid var(--glass-border);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding-left:28px;display:flex}.bundle-banner-price-box{flex-direction:column;align-items:center;display:flex}.bundle-banner-original-price{color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:line-through}.bundle-banner-price{color:var(--color-yellow);font-size:28px;font-weight:800}@media (width<=900px){.bundle-banner-card{grid-template-columns:1fr;gap:20px;padding:20px}.bundle-banner-checkout{border-left:none;border-top:1px solid var(--glass-border);width:100%;padding-top:20px;padding-left:0}}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.note-card.span-full{grid-column:span 3}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.note-card.span-full{grid-column:span 2}}@media (width<=768px){.features-grid{grid-template-columns:1fr;gap:20px}.note-card.span-full{grid-column:span 1}}body.app-mode{background-attachment:scroll!important;padding-top:20px!important;padding-bottom:72px!important;font-size:14px!important}body.app-mode .container{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}body.app-mode .dashboard-container{padding-top:12px!important;padding-bottom:40px!important}body.app-mode .glass-card{border-radius:12px!important;gap:12px!important;padding:14px!important;box-shadow:0 4px 16px #0000004d!important}body.app-mode .dashboard-controls{gap:10px!important;margin-bottom:20px!important}body.app-mode input,body.app-mode select,body.app-mode textarea{border-radius:8px!important;padding:10px 12px!important;font-size:13px!important}body.app-mode .search-bar-wrapper input{height:38px!important;padding-left:38px!important}body.app-mode .search-icon-overlay{width:14px!important;height:14px!important;left:12px!important}body.app-mode .year-tabs{gap:6px!important;margin:0 -4px!important;padding:2px 4px 8px!important}body.app-mode .year-tab-btn{border-radius:6px!important;padding:6px 12px!important;font-size:12px!important}body.app-mode .sem-filters{gap:6px!important;margin:0 -4px!important;padding:2px 4px 8px!important}body.app-mode .sem-filter-btn{padding:5px 12px!important;font-size:11px!important}body.app-mode .welcome-dashboard-card{border-radius:12px!important;gap:12px!important;margin-bottom:16px!important;padding:12px 14px!important}body.app-mode .profile-avatar-wrapper,body.app-mode .welcome-dashboard-card .logo-img-wrapper,body.app-mode .welcome-dashboard-card div[style*="width: 56px"]{width:40px!important;height:40px!important}body.app-mode .profile-avatar-wrapper svg,body.app-mode .welcome-dashboard-card svg{width:20px!important;height:20px!important}body.app-mode .welcome-dashboard-card h2,body.app-mode .welcome-dashboard-card h3,body.app-mode .profile-name{margin-top:2px!important;margin-bottom:2px!important;font-size:15px!important}body.app-mode .welcome-dashboard-card p,body.app-mode .profile-card p{font-size:11px!important;line-height:1.3!important}body.app-mode .bundles-container{margin-bottom:24px!important}body.app-mode .bundles-container h3,body.app-mode .dashboard-container h3,body.app-mode .library-container h3{margin-bottom:8px!important;font-size:14px!important;font-weight:700!important}body.app-mode .bundle-banner-card{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important;padding:12px!important;display:flex!important}body.app-mode .bundle-banner-badge{margin-bottom:4px!important;padding:2px 6px!important;font-size:9px!important}body.app-mode .bundle-banner-title{margin-bottom:2px!important;font-size:14px!important}body.app-mode .bundle-banner-desc{font-size:11px!important;line-height:1.3!important}body.app-mode .bundle-banner-includes{border-radius:8px!important;padding:8px!important}body.app-mode .bundle-banner-includes-title{margin-bottom:4px!important;font-size:9px!important}body.app-mode .bundle-banner-includes-item{gap:4px!important;font-size:10px!important}body.app-mode .bundle-banner-includes-item svg{width:10px!important;height:10px!important}body.app-mode .bundle-banner-checkout{border-left:none!important;border-top:1px solid var(--glass-border)!important;flex-direction:row!important;justify-content:space-between!important;gap:10px!important;width:100%!important;padding-top:10px!important;padding-left:0!important}body.app-mode .bundle-banner-price-box{align-items:flex-start!important}body.app-mode .bundle-banner-price{font-size:18px!important}body.app-mode .bundle-banner-original-price{font-size:11px!important}body.app-mode .notes-grid,body.app-mode .video-grid{grid-template-columns:1fr!important;gap:10px!important}body.app-mode .note-card{padding:0!important}body.app-mode .note-body{padding:12px 14px!important}body.app-mode .note-title{margin-bottom:4px!important;font-size:14px!important;font-weight:700!important}body.app-mode .note-description{-webkit-line-clamp:2!important;margin-bottom:8px!important;font-size:11px!important;line-height:1.3!important}body.app-mode .note-topics{gap:4px!important;margin-bottom:10px!important}body.app-mode .topic-chip{border-radius:4px!important;padding:2px 6px!important;font-size:9px!important}body.app-mode .topic-chip-more{font-size:9px!important}body.app-mode .note-stats{padding-top:8px!important;font-size:10px!important}body.app-mode .note-stat-item{gap:4px!important;font-size:10px!important}body.app-mode .note-stat-item svg{width:12px!important;height:12px!important}body.app-mode .discounted-price{font-size:15px!important}body.app-mode .original-price{font-size:11px!important}body.app-mode .note-footer{padding:10px 14px 14px!important}body.app-mode .btn-primary,body.app-mode .btn-secondary{box-shadow:none!important;border-radius:6px!important;padding:8px 14px!important;font-size:12px!important;font-weight:700!important}body.app-mode .btn-icon{border-radius:6px!important;width:32px!important;height:32px!important}body.app-mode .video-thumbnail-wrapper{aspect-ratio:16/9!important}body.app-mode .video-info{padding:10px 12px!important}body.app-mode .video-title{font-size:12px!important;line-height:1.3!important}body.app-mode .subject-tag{margin-bottom:2px!important;font-size:9px!important}body.app-mode .play-btn-circle{width:38px!important;height:38px!important}body.app-mode .play-btn-circle svg{width:14px!important;height:14px!important}body.app-mode{-webkit-font-smoothing:antialiased}body.app-mode .note-card,body.app-mode .glass-card,body.app-mode .stat-card{content-visibility:auto;contain-intrinsic-size:0 120px;will-change:transform, opacity;-webkit-font-smoothing:antialiased;transform:translate(0,0);-webkit-backdrop-filter:none!important;background:#0d142ae6!important}body.app-mode main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body.app-mode .pdf-viewer-container{gap:6px!important;height:calc(100vh - 80px)!important;margin:0!important}@media (width<=640px){.viewer-header{border-radius:12px!important;gap:6px!important;padding:6px 10px!important;top:8px!important;left:8px!important;right:8px!important}.desktop-only-zoom{display:none!important}.viewer-title-area{flex-shrink:1!important;min-width:0!important;overflow:hidden!important}.viewer-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:110px!important;font-size:11px!important;overflow:hidden!important}.viewer-subtitle{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:110px!important;font-size:8px!important;display:block!important;overflow:hidden!important}.viewer-controls{flex-shrink:0!important;gap:4px!important}.page-jump-pill{gap:3px!important;height:30px!important;padding:2px 6px!important}.page-jump-pill span{font-size:10px!important}.page-jump-pill input{width:28px!important;height:20px!important;font-size:10px!important}}body.app-mode .viewer-header{border-radius:12px!important;gap:6px!important;padding:6px 10px!important;top:8px!important;left:8px!important;right:8px!important}body.app-mode .desktop-only-zoom{display:none!important}body.app-mode .viewer-title{max-width:110px!important;font-size:11px!important}body.app-mode .viewer-subtitle{max-width:110px!important;font-size:8px!important}body.app-mode .security-banner{border-radius:4px!important;padding:4px 8px!important;font-size:9px!important;line-height:1.2!important}body.app-mode .viewer-workspace{border-radius:8px!important;height:calc(100% - 90px)!important;padding:4px 0!important}body.app-mode .page-scroller{gap:8px!important;padding:0 4px!important}body.app-mode .pdf-simulated-content{padding:12px!important}body.app-mode .doc-header{margin-bottom:8px!important;font-size:10px!important}body.app-mode .doc-topic-title{margin-bottom:8px!important;font-size:13px!important}body.app-mode .doc-section{margin-bottom:8px!important}body.app-mode .doc-section h3{font-size:11px!important}body.app-mode .doc-section p,body.app-mode .doc-section ul{font-size:10px!important;line-height:1.3!important}body.app-mode .doc-code-block{margin-bottom:8px!important;padding:6px 10px!important}body.app-mode .doc-code-block pre{font-size:9px!important}body.app-mode .viewer-footer{border-radius:8px!important;padding:6px 10px!important}body.app-mode .page-counter{font-size:10px!important}body.app-mode .profile-card{border-radius:12px!important;padding:20px 16px!important}body.app-mode .profile-avatar-wrapper{width:60px!important;height:60px!important;margin-bottom:12px!important}body.app-mode .profile-avatar-wrapper svg{width:32px!important;height:32px!important}body.app-mode .profile-name{font-size:16px!important}body.app-mode .profile-badge{margin-top:4px!important;padding:3px 10px!important;font-size:9px!important}body.app-mode .profile-details-list{gap:10px!important;margin-bottom:24px!important}body.app-mode .profile-detail-item{border-radius:8px!important;gap:10px!important;padding:10px 14px!important}body.app-mode .profile-detail-item div div[style*="font-size: 10px"]{font-size:8px!important}body.app-mode .profile-detail-item div div[style*="font-size: 14px"]{font-size:12px!important}body.app-mode .profile-logout-btn{padding:10px!important;font-size:12px!important}body.app-mode .auth-container{z-index:9999!important;background:var(--bg-dark)!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;margin:0 auto!important;padding:20px 16px!important;display:flex!important;position:fixed!important;inset:0!important}body.app-mode .auth-card{-webkit-backdrop-filter:blur(25px)!important;background:#0d162fbf!important;border:2px solid #60a5fa59!important;border-radius:20px!important;width:100%!important;max-width:380px!important;padding:30px 24px!important;box-shadow:0 0 35px #2563eb66,inset 0 1px 1px #ffffff2e!important}body.app-mode .auth-header{margin-bottom:20px!important}body.app-mode .auth-logo-wrapper .logo-img-wrapper{border:3px solid var(--color-blue-light)!important;background:#070c1b!important;width:76px!important;height:76px!important;margin:0 auto 12px!important;box-shadow:0 0 20px #60a5fa99!important}body.app-mode .auth-title{background:linear-gradient(135deg, #fff 40%, var(--color-blue-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;letter-spacing:-.02em!important;margin-bottom:4px!important;font-size:22px!important;font-weight:800!important}body.app-mode .auth-subtitle{color:var(--color-muted)!important;font-size:11px!important;line-height:1.4!important}body.app-mode .auth-form{gap:14px!important}body.app-mode .form-group{gap:6px!important}body.app-mode .form-group label{letter-spacing:.05em!important;color:var(--color-muted)!important;font-size:11px!important;font-weight:600!important}body.app-mode .auth-form input{color:var(--color-white)!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important;border-radius:8px!important;height:42px!important;padding-left:38px!important;font-size:13px!important}body.app-mode .auth-form input:focus{border-color:var(--color-blue-light)!important;background:#ffffff14!important;box-shadow:0 0 16px #60a5fa73!important}body.app-mode .auth-form .search-icon-overlay{width:14px!important;height:14px!important;color:var(--color-blue-light)!important;left:12px!important}body.app-mode .auth-form .btn-primary{background:linear-gradient(135deg, var(--color-yellow) 0%, #d97706 100%)!important;border:none!important;border-radius:8px!important;justify-content:center!important;height:42px!important;margin-top:6px!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 0 18px #f59e0b73!important}body.app-mode .auth-form .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 0 25px #f59e0bb3!important}body.app-mode .form-toggle-link{margin-top:16px!important;font-size:12px!important}body.app-mode .form-toggle-link span{color:var(--color-yellow)!important;text-shadow:0 0 8px #f59e0b4d!important;font-weight:700!important}.subject-section{text-align:left;margin-bottom:32px;position:relative}.subject-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.subject-section-title{font-family:var(--font-heading);color:var(--color-white);font-size:20px;font-weight:700}.subject-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}@media (width<=600px){.subject-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.subject-card{cursor:pointer;text-align:left;border:1px solid var(--glass-border);transition:all var(--transition-normal);background:#ffffff05;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.subject-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 100%,#60a5fa0d 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.subject-card:hover{background:#ffffff0d;border-color:#60a5fa66;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 15px #60a5fa1a}.subject-card.active{border-color:var(--color-blue-light);background:#2563eb14;box-shadow:0 8px 30px #0006,0 0 20px #60a5fa59}.subject-card-top{justify-content:space-between;align-items:flex-start;display:flex}.subject-card-icon-box{width:36px;height:36px;color:var(--color-blue-light);transition:all var(--transition-fast);background:#60a5fa1a;border:1px solid #60a5fa40;border-radius:10px;justify-content:center;align-items:center;display:flex}.subject-card:hover .subject-card-icon-box,.subject-card.active .subject-card-icon-box{background:var(--color-blue-light);color:#070c1b;box-shadow:0 0 10px #60a5fa80}.subject-card-badge{letter-spacing:.03em;color:var(--color-muted);border:1px solid var(--glass-border);text-transform:uppercase;background:#ffffff0a;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700}.subject-card.active .subject-card-badge{color:var(--color-yellow);background:#f59e0b1f;border-color:#f59e0b4d}.subject-card-name{font-family:var(--font-heading);color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;margin-top:4px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.subject-card-stats{color:var(--color-muted);border-top:1px solid #ffffff0a;margin-top:auto;padding-top:8px;font-size:11px;font-weight:500}.subject-card.active .subject-card-stats{color:#fffc;border-color:#ffffff14}.subject-card.coming-soon{opacity:.55;cursor:not-allowed;background:#ffffff03;border-style:dashed}.subject-card.coming-soon:hover{box-shadow:none;border-color:var(--glass-border);transform:none}.subject-card.coming-soon .subject-card-icon-box{border-color:var(--glass-border);color:var(--color-muted);background:#ffffff08}.subject-card.coming-soon .subject-card-badge{color:#f87171;background:#ef444414;border-color:#ef444433}.subject-filter-indicator{color:var(--color-blue-light);background:#60a5fa0f;border:1px solid #60a5fa33;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;animation:2s infinite pulse-border;display:flex}@keyframes pulse-border{0%{border-color:#60a5fa33}50%{border-color:#60a5fa99}to{border-color:#60a5fa33}}.subject-filter-clear{color:var(--color-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.subject-filter-clear:hover{color:var(--color-white);background:#ffffff0d}.bundle-banner-price-box{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;display:flex}.bundle-banner-original-price{color:var(--color-muted);font-size:13px;text-decoration:line-through;margin-top:0!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f 37%,#ffffff0a 63%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}@keyframes heroZoomInEnter{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.92)}50%{opacity:.9}to{opacity:1;filter:none;transform:none}}@keyframes heroZoomOutBack{0%{opacity:0;filter:blur(4px);transform:translateY(-10px)scale(1.06)}50%{opacity:.9}to{opacity:1;filter:none;transform:none}}.page-transition-enter{will-change:transform, opacity, filter;backface-visibility:hidden;transform-style:preserve-3d;transform-origin:50% 20%;animation:.32s cubic-bezier(.22,1,.36,1) forwards heroZoomInEnter}.page-transition-back{will-change:transform, opacity, filter;backface-visibility:hidden;transform-style:preserve-3d;transform-origin:50% 20%;animation:.3s cubic-bezier(.22,1,.36,1) forwards heroZoomOutBack}.subject-card,.glass-card,.btn-primary,.btn-secondary{will-change:transform, opacity;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s}.subject-card:active,.glass-card[style*="cursor: pointer"]:active,.btn-primary:active,.btn-secondary:active{transition:transform .1s cubic-bezier(.16,1,.3,1)!important;transform:scale(.95)translateY(1px)!important}@media (prefers-reduced-motion:reduce){.page-transition-enter,.page-transition-back,.tab-transition-right,.tab-transition-left{transition:opacity .15s linear!important;animation:none!important}}@keyframes tabSlideRightEnter{0%{opacity:.2;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes tabSlideLeftEnter{0%{opacity:.2;transform:translate(-60px)}to{opacity:1;transform:none}}.tab-transition-right{will-change:transform, opacity;backface-visibility:hidden;width:100%;animation:.32s cubic-bezier(.16,1,.3,1) forwards tabSlideRightEnter}.tab-transition-left{will-change:transform, opacity;backface-visibility:hidden;width:100%;animation:.32s cubic-bezier(.16,1,.3,1) forwards tabSlideLeftEnter}input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}