@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--indigo-50: #EEF2FF;--indigo-100: #E0E7FF;--indigo-200: #C7D2FE;--indigo-300: #A5B4FC;--indigo-400: #818CF8;--indigo-500: #6366F1;--indigo-600: #4F46E5;--indigo-700: #4338CA;--indigo-800: #3730A3;--indigo-900: #312E81;--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-300: #FCD34D;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--amber-700: #B45309;--emerald-50: #ECFDF5;--emerald-100: #D1FAE5;--emerald-200: #A7F3D0;--emerald-500: #10B981;--emerald-600: #059669;--emerald-700: #047857;--rose-50: #FFF1F2;--rose-100: #FFE4E6;--rose-200: #FECDD3;--rose-500: #F43F5E;--rose-600: #E11D48;--rose-700: #BE123C;--zinc-50: #FAFAFA;--zinc-100: #F4F4F5;--zinc-200: #E4E4E7;--zinc-300: #D4D4D8;--zinc-400: #A1A1AA;--zinc-500: #71717A;--zinc-600: #52525B;--zinc-700: #3F3F46;--zinc-800: #27272A;--zinc-900: #18181B;--zinc-950: #09090B;--bg: #FAFAFA;--surface: #FFFFFF;--surface-muted: #F4F4F5;--border: #E4E4E7;--border-strong: #D4D4D8;--text: #18181B;--text-muted: #52525B;--text-subtle: #71717A;--primary: #4F46E5;--primary-hover: #4338CA;--primary-soft: #EEF2FF;--ring: #818CF8;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .12), 0 4px 8px -4px rgba(15, 23, 42, .06);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}button{font-family:inherit}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.focusable:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.page{min-height:100vh;background:var(--bg)}.container{max-width:1240px;margin:0 auto;padding:0 32px}.section-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.section-title{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:4px 0 6px}.section-sub{color:var(--text-muted);font-size:14px;max-width:680px}.section-divider{height:1px;background:var(--border);margin:56px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-pad{padding:20px}.swatch-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}.swatch{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.04);height:56px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;font-size:10px;font-family:var(--font-mono);font-weight:500;position:relative;overflow:hidden}.swatch-step{font-size:10px;opacity:.7;margin-bottom:1px}.swatch-hex{font-size:10px}.swatch-light{color:#000000b3}.swatch-light .swatch-step{color:#00000080}.swatch-dark{color:#ffffffd9}.swatch-dark .swatch-step{color:#fff9}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg)}.app-shell.collapsed{grid-template-columns:64px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.mobile-menu-toggle,.sidebar-backdrop{display:none}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:60;transform:translate(-100%);transition:transform .22s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 50px -20px #0f172a59}.app-shell.menu-open .sidebar{transform:translate(0)}.app-shell.menu-open .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:55}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;padding:0;flex-shrink:0}}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);height:72px}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--indigo-600),var(--indigo-400));display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;letter-spacing:-.02em;flex-shrink:0}.brand-name{font-weight:600;font-size:15px;letter-spacing:-.01em}.sidebar-nav{padding:12px 8px;flex:1;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-md);color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item:hover,.nav-item.active{background:var(--zinc-100);color:var(--text)}.nav-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-subtle)}.nav-item.active .nav-icon{color:var(--primary)}.nav-badge{margin-left:auto;background:var(--zinc-200);color:var(--text-muted);font-size:10.5px;padding:1px 6px;border-radius:999px;font-weight:600;font-variant-numeric:tabular-nums}.nav-item.active .nav-badge{background:var(--indigo-100);color:var(--indigo-700)}.collapsed .brand-name,.collapsed .nav-section-label,.collapsed .nav-label,.collapsed .nav-badge,.collapsed .sidebar-foot-text{display:none}.collapsed .nav-item{justify-content:center;padding:8px}.sidebar-foot{border-top:1px solid var(--border);padding:12px;display:flex;align-items:center;gap:10px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);height:72px;display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10}.search-input{display:flex;align-items:center;gap:8px;background:var(--zinc-100);border:1px solid transparent;border-radius:var(--radius-md);padding:7px 10px;width:320px;color:var(--text-subtle);transition:all .12s}.search-input:focus-within{background:var(--surface);border-color:var(--border-strong)}.search-input input{border:none;outline:none;background:transparent;font:inherit;flex:1;color:var(--text)}.search-input input::placeholder{color:var(--text-subtle)}@media (max-width: 768px){.topbar{padding:0 14px;height:60px;gap:10px}.topbar .search-input,.topbar .kbd{display:none}.prog-days-grid{grid-template-columns:1fr!important}.prog-view-toggle{display:none!important}.prog-hours-grid{display:none}.prog-hours-mobile-notice{display:block!important}.topbar .student-breadcrumb{display:none}.content{padding:20px 14px 60px!important}.stat-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.controls-row{padding:10px!important;gap:8px!important}.takip-stat-row{gap:8px!important}}.kbd{font-family:var(--font-mono);font-size:10.5px;background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--text-subtle)}.icon-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--text-muted);position:relative;transition:background .12s}.icon-btn:hover{background:var(--zinc-100);color:var(--text)}.dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:999px;background:var(--rose-500);border:1.5px solid var(--surface)}.content{padding:32px 40px 80px;max-width:1240px;margin:0 auto;width:100%}.toast-stack{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.mono-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.scroll-area{overflow:auto}.lp-hero-gradient-text{background:linear-gradient(95deg,var(--indigo-600) 0%,var(--indigo-400) 50%,var(--indigo-600) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:lp-textGradient 6s ease-in-out infinite}@keyframes lp-textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes lp-meshShift{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}@keyframes lp-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes lp-floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lp-slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes lp-pulseRing{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lp-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes lp-stepGlow{0%,to{box-shadow:0 0 #4f46e500}50%{box-shadow:0 0 0 8px #4f46e51f}}.lp-cta-shimmer{isolation:isolate}.lp-cta-shimmer:before{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.18),transparent);animation:lp-shimmer 2.4s ease-in-out infinite;pointer-events:none}.lp-feat-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s}.lp-feat-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -16px #0f172a29;border-color:var(--border-strong)}.lp-feat-card:hover .lp-feat-icon{transform:scale(1.06) rotate(-3deg)}.lp-feat-icon{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.lp-exam-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.lp-exam-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px -14px #0f172a24}.lp-step-glow{animation:lp-stepGlow 3.6s ease-in-out infinite}