@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Sinhala:wght@400;500;600;700&display=swap";:root{--bg-primary:#080c14;--bg-secondary:#0f1626;--bg-card:#101726cc;--bg-card-hover:#182238f2;--bg-glass:#0f172aa6;--border-glass:#ffffff14;--border-focus:#6366f18c;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--accent-cyan:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--status-green:#10b981;--status-green-bg:#10b9811f;--status-green-border:#10b98159;--status-green-text:#34d399;--status-yellow:#f59e0b;--status-yellow-bg:#f59e0b1f;--status-yellow-border:#f59e0b59;--status-yellow-text:#fbbf24;--status-red:#ef4444;--status-red-bg:#ef44441f;--status-red-border:#ef444459;--status-red-text:#f87171;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080, 0 0 40px #6366f11f;--shadow-glow:0 0 25px #6366f159;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 15% 10%,#6366f124 0%,#0000 40%),radial-gradient(circle at 85% 30%,#d946ef17 0%,#0000 45%),radial-gradient(circle at 50% 85%,#06b6d417 0%,#0000 50%);background-attachment:fixed;min-height:100vh;padding-bottom:60px;font-family:Plus Jakarta Sans,Noto Sans Sinhala,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{max-width:1360px;margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080c14e0;padding:18px 0;position:sticky;top:0}.nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo-container{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-badge{background:var(--accent-gradient);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.logo-text h1{letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.1}.logo-text p{color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.btn-ugc-badge{border:1px solid var(--border-glass);color:#cbd5e1;cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.825rem;font-weight:600;display:inline-flex}.btn-ugc-badge:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.live-dot{background-color:var(--status-green);width:8px;height:8px;box-shadow:0 0 10px var(--status-green);border-radius:50%}.hero{text-align:center;max-width:960px;margin:0 auto;padding:44px 0 32px}.hero-pill{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140;border-radius:100px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 18px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #6366f126}.hero-title{letter-spacing:-.03em;margin-bottom:16px;font-size:2.85rem;font-weight:800;line-height:1.15}@media (width<=640px){.hero-title{font-size:2.1rem}}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-muted);max-width:780px;margin:0 auto 24px;font-size:1.05rem;font-weight:400}.hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:10px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-num{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:700}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.calculator-wrapper{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:44px;padding:32px;position:relative;overflow:hidden}.calculator-wrapper:before{content:"";background:var(--accent-gradient);height:3px;position:absolute;top:0;left:0;right:0}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.section-title{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.45rem;font-weight:700;display:flex}.section-subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.stream-nav-wrap{margin-bottom:24px}.stream-nav-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.775rem;font-weight:700;display:block}.stream-nav{border:1px solid var(--border-glass);scrollbar-width:thin;background:#0a0f1abf;border-radius:16px;gap:8px;padding:6px;display:flex;overflow-x:auto}.stream-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.stream-btn:hover{color:#fff;background:#ffffff0f}.stream-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #6366f166}.subjects-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px;display:grid}@media (width<=960px){.subjects-grid{grid-template-columns:1fr}}.subject-card{border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition);background:#0d1320bf;padding:22px;position:relative}.subject-card:hover{background:#111828e6;border-color:#ffffff26}.subject-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.subject-tag{color:#818cf8;text-transform:uppercase;letter-spacing:.05em;background:#6366f11f;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.subject-z-preview{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.subject-z-preview span{color:#38bdf8}.form-group{margin-bottom:14px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.select-styled,.input-styled{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:#fff;width:100%;transition:var(--transition);background:#080c14e0;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}.select-styled:focus,.input-styled:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133}.select-styled optgroup{color:#818cf8;background:#0b1120;padding:6px 4px;font-weight:700}.select-styled option{color:#fff;background:#0f172a;padding:8px;font-weight:400}.mark-input-wrap{align-items:center;display:flex;position:relative}.input-mark{letter-spacing:.02em;padding-right:48px;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700}.mark-suffix{color:var(--text-dim);pointer-events:none;font-size:.8rem;font-weight:600;position:absolute;right:14px}.subject-stats-bar{color:var(--text-dim);border-top:1px dashed var(--border-glass);justify-content:space-between;margin-top:8px;padding-top:10px;font-family:JetBrains Mono,monospace;font-size:.725rem;display:flex}.presets-row{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#0a0f1a80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.presets-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.825rem;font-weight:600;display:flex}.preset-buttons{flex-wrap:wrap;gap:8px;display:flex}.btn-preset{border:1px solid var(--border-glass);color:#cbd5e1;cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:8px;padding:6px 12px;font-size:.775rem;font-weight:600}.btn-preset:hover{color:#fff;background:#6366f133;border-color:#6366f166}.score-result-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a2035e6 0%,#111827fa 100%);border:1px solid #6366f14d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 10px 30px #0006}.score-info{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.z-badge-box{background:var(--bg-primary);text-align:center;box-shadow:var(--shadow-glow);border:2px solid #6366f166;border-radius:18px;padding:16px 28px}.z-badge-label{color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.75rem;font-weight:700}.z-score-number{color:#fff;text-shadow:0 0 20px #6366f199;font-family:JetBrains Mono,monospace;font-size:2.8rem;font-weight:800;line-height:1;transition:all .3s}.score-details h3{margin-bottom:6px;font-size:1.25rem;font-weight:700}.score-details p{color:var(--text-muted);max-width:440px;font-size:.875rem}.formula-pill{color:#94a3b8;background:#00000073;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.775rem;display:inline-flex}.score-actions{align-items:center;gap:12px;display:flex}.btn-calc-action{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #6366f166}.btn-calc-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199}.btn-calc-secondary{border:1px solid var(--border-glass);color:#cbd5e1;cursor:pointer;transition:var(--transition);background:#ffffff12;border-radius:12px;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-calc-secondary:hover{color:#fff;background:#ffffff1f}.explorer-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.explorer-title-wrap h2{letter-spacing:-.02em;font-size:1.85rem;font-weight:800}.explorer-title-wrap p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.counters-bar{flex-wrap:wrap;gap:10px;display:flex}.counter-pill{transition:var(--transition);border:1px solid #0000;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;display:inline-flex}.counter-all{color:#cbd5e1;border-color:var(--border-glass);background:#ffffff0d}.counter-green{background:var(--status-green-bg);color:var(--status-green-text);border-color:var(--status-green-border)}.counter-yellow{background:var(--status-yellow-bg);color:var(--status-yellow-text);border-color:var(--status-yellow-border)}.counter-red{background:var(--status-red-bg);color:var(--status-red-text);border-color:var(--status-red-border)}.filter-panel{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:14px;margin-bottom:24px;padding:20px;display:grid}@media (width<=1200px){.filter-panel{grid-template-columns:1fr 1fr 1fr}}@media (width<=768px){.filter-panel{grid-template-columns:1fr 1fr}}@media (width<=500px){.filter-panel{grid-template-columns:1fr}}.search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:14px}.input-search{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:#fff;width:100%;transition:var(--transition);background:#080c14e0;outline:none;padding:12px 14px 12px 42px;font-family:inherit;font-size:.9rem}.input-search:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133}.clear-search-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.clear-search-btn:hover{color:#fff}.legend-banner{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-muted);background:#0f172a80;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:12px 18px;font-size:.8rem;display:flex}.legend-title{color:#e2e8f0;align-items:center;gap:6px;font-weight:700;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.green{background:var(--status-green)}.legend-dot.yellow{background:var(--status-yellow)}.legend-dot.red{background:var(--status-red)}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:22px;display:grid}@media (width<=480px){.courses-grid{grid-template-columns:1fr}}.course-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff2e;transform:translateY(-4px)}.course-card.status-green{border-left:4px solid var(--status-green);background:linear-gradient(180deg, #10b98112 0%, var(--bg-card) 45%)}.course-card.status-yellow{border-left:4px solid var(--status-yellow);background:linear-gradient(180deg, #f59e0b12 0%, var(--bg-card) 45%)}.course-card.status-red{border-left:4px solid var(--status-red);background:linear-gradient(180deg, #ef44440d 0%, var(--bg-card) 45%)}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.uni-badge{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f633;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.775rem;font-weight:700;display:inline-flex}.status-badge{letter-spacing:.02em;text-transform:uppercase;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.green{background:var(--status-green-bg);color:var(--status-green-text);border:1px solid var(--status-green-border)}.status-badge.yellow{background:var(--status-yellow-bg);color:var(--status-yellow-text);border:1px solid var(--status-yellow-border)}.status-badge.red{background:var(--status-red-bg);color:var(--status-red-text);border:1px solid var(--status-red-border)}.course-title{color:#fff;margin-bottom:4px;font-size:1.15rem;font-weight:700;line-height:1.35}.course-title-sinhala{color:#a5b4fc;margin-bottom:10px;font-size:.8rem;font-weight:500}.university-name{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:.85rem;display:flex}.card-meta-grid{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#080c14a6;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;padding:12px 14px;display:grid}.meta-box{flex-direction:column;display:flex}.meta-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.meta-val-z{color:#38bdf8;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700}.meta-val-stream{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:600;overflow:hidden}.card-footer{border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-top:14px;font-size:.775rem;display:flex}.diff-indicator{align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-weight:700;display:flex}.diff-indicator.diff-pos{color:var(--status-green-text)}.diff-indicator.diff-warn{color:var(--status-yellow-text)}.diff-indicator.diff-neg{color:var(--status-red-text)}.stream-pill{color:var(--text-dim);font-size:.725rem;font-weight:600}.card-action-btn{color:#a5b4fc;cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:4px;font-size:.775rem;font-weight:600;display:flex}.card-action-btn:hover{color:#fff;text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-box{border:1px solid var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:680px;box-shadow:var(--shadow-lg);background:#111827;max-height:90vh;padding:32px;transition:transform .25s;overflow-y:auto;transform:scale(.95)}.modal-overlay.active .modal-box{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-title{font-size:1.35rem;font-weight:700}.btn-close-modal{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.btn-close-modal:hover{color:#fff}.modal-content p{color:var(--text-muted);margin-bottom:14px;font-size:.9rem}.quota-box{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0000004d;margin:16px 0;padding:16px}.quota-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.quota-item:last-child{border-bottom:none}.quota-item strong{color:#fff}.compare-drawer{border-top:2px solid var(--accent-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;background:#0f172af2;padding:20px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 30px #00000080}.compare-drawer.open{transform:translateY(0)}.compare-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:0 auto;display:flex}.compare-items-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.compare-chip{border:1px solid var(--border-glass);background:#1e293bcc;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;display:flex}.compare-chip button{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.compare-chip button:hover{color:#fff}footer{border-top:1px solid var(--border-glass);text-align:center;color:var(--text-dim);margin-top:80px;padding:36px 0;font-size:.85rem}footer a{color:#a5b4fc;text-decoration:none}footer a:hover{text-decoration:underline}.fade-in{animation:.35s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}