@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');:root{--tps-navy-950:#021222;--tps-navy-900:#0b1830;--tps-protx-navy:#202d68;--tps-electric-blue:#078be8;--tps-light-gray:#f2f5fa;--tps-primary:#2c306d;--tps-primary-deep:#22265a;--tps-on-primary:#ffffff;--tps-shield-blue:#0096fa;--tps-accent:#1876c3;--tps-link:#046ee6;--tps-accent-soft:#12294a;--tps-accent-soft-border:#1f3d66;--tps-ring:#218ce4;--tps-background:#0f1729;--tps-canvas:#131d34;--tps-surface-raised:#182543;--tps-surface-code:#0b1830;--tps-hairline:#1b294b;--tps-hairline-strong:#2a3a5e;--tps-ink-strong:#ffffff;--tps-ink:#f6f7f9;--tps-steel:#9ba0ab;--tps-muted:#94a3b8;--tps-on-dark:#ffffff;--tps-on-dark-muted:#9ba0ab;--tps-destructive:#ef4444;--tps-stripe-1:#021222;--tps-stripe-2:#2c306d;--tps-stripe-3:#046ee6;--tps-stripe-4:#0096fa;--tps-stripe-5:#e6f3fe;--bg-dark:#080c14;--card-bg:#0d1527;--card-bg-elevated:#131f38;--border-color:#1e293b;--border-glow-emerald:rgba(16,185,129,0.4);--border-glow-cyan:rgba(6,182,212,0.4);--border-glow-amber:rgba(245,158,11,0.4);--border-glow-purple:rgba(168,85,247,0.4);--border-glow-rose:rgba(244,63,94,0.4);--accent-emerald:#10b981;--accent-cyan:#06b6d4;--accent-amber:#f59e0b;--accent-purple:#a855f7;--accent-rose:#f43f5e}body{background-color:var(--bg-dark);color:#cbd5e1;font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(0,150,250,0.05) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,0.05) 0%,transparent 40%),linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,32px 32px,32px 32px}.font-serif,.tps-display{font-family:"DM Serif Display",Georgia,"Times New Roman",serif !important}.font-sans{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif !important}.font-mono{font-family:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace !important}.tps-stripe{height:12px;width:100%;background:linear-gradient(90deg,#021222 0%,#2c306d 28%,#046ee6 55%,#0096fa 78%,#e6f3fe 100%);border:none;margin:0;padding:0;display:block}::selection{background:rgba(16,185,129,0.35);color:#f8fafc}:focus-visible{outline:2px solid var(--accent-emerald);outline-offset:2px}input,textarea,[contenteditable="true"]{-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;user-select:text !important}.cyber-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 10px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);transition:border-color 0.25s ease,box-shadow 0.25s ease,transform 0.2s ease}.cyber-card:hover{border-color:rgba(16,185,129,0.45);box-shadow:0 0 25px rgba(16,185,129,0.1),0 10px 20px -3px rgba(0,0,0,0.6)}.cyber-card-elevated{background:linear-gradient(180deg,#131f38 0%,#0d1527 100%);border:1px solid rgba(255,255,255,0.08)}.cyber-glass{background:rgba(13,21,39,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08)}button:active:not(:disabled),.cyber-bg-accent:active:not(:disabled){transform:scale(0.98)}.cyber-accent{color:var(--accent-emerald)}.cyber-bg-accent{background-color:#059669;transition:background-color 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease}.cyber-bg-accent:hover:not(:disabled){background-color:var(--accent-emerald);box-shadow:0 0 18px rgba(16,185,129,0.4)}.cyber-btn-outline{background:transparent;border:1px solid var(--border-color);color:#cbd5e1;transition:all 0.2s ease}.cyber-btn-outline:hover:not(:disabled){border-color:var(--accent-emerald);color:#ffffff;background:rgba(16,185,129,0.1);box-shadow:0 0 15px rgba(16,185,129,0.2)}.locked-card{opacity:0.55;filter:grayscale(40%);pointer-events:none}.stage-blurred{filter:blur(16px) brightness(15%);opacity:0 !important;pointer-events:none !important;user-select:none !important}.step-pipeline{display:flex;align-items:center;gap:0.5rem;overflow-x:auto;padding-bottom:0.5rem}.step-node{display:flex;flex-direction:column;align-items:center;min-width:5.5rem;padding:0.5rem;border-radius:0.5rem;background:#0f172a;border:1px solid #1e293b;transition:all 0.25s ease;cursor:pointer}.step-node.solved{border-color:rgba(16,185,129,0.7);background:rgba(6,78,59,0.2);box-shadow:0 0 15px rgba(16,185,129,0.2)}.step-node.active{border-color:rgba(6,182,212,0.8);background:rgba(8,51,68,0.35);box-shadow:0 0 20px rgba(6,182,212,0.3);animation:activePulse 2s infinite}.step-node.locked{opacity:0.5;background:#090d16;border-color:#1e293b;cursor:not-allowed}@keyframes activePulse{0%,100%{box-shadow:0 0 15px rgba(6,182,212,0.25)}50%{box-shadow:0 0 25px rgba(6,182,212,0.55)}}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards}.pricing-card-pro{position:relative;border:2px solid rgba(168,85,247,0.7) !important;box-shadow:0 0 35px rgba(168,85,247,0.25),0 15px 30px rgba(0,0,0,0.5) !important;background:linear-gradient(180deg,rgba(26,16,48,0.9) 0%,rgba(13,21,39,0.95) 100%) !important}.pricing-popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(90deg,#ec4899,#8b5cf6);color:white;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;padding:3px 12px;border-radius:9999px;box-shadow:0 0 15px rgba(236,72,153,0.5)}#cyberToastContainer{position:fixed;top:1.25rem;right:1.25rem;z-index:999999;display:flex;flex-direction:column;gap:0.75rem;max-width:26rem;width:calc(100vw - 2.5rem);pointer-events:none}.cyber-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:0.85rem;padding:0.9rem 1.1rem;border-radius:0.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.825rem;line-height:1.4;background:rgba(13,19,33,0.96);backdrop-filter:blur(12px);box-shadow:0 10px 25px -5px rgba(0,0,0,0.7);border:1px solid;animation:toastSlideIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards;transition:all 0.25s ease;cursor:pointer}.cyber-toast.toast-hiding{animation:toastSlideOut 0.25s ease forwards}.cyber-toast.toast-success{border-color:rgba(16,185,129,0.8);box-shadow:0 0 25px rgba(16,185,129,0.3),0 8px 20px rgba(0,0,0,0.6);color:#e2e8f0}.cyber-toast.toast-success .toast-icon{color:#10b981}.cyber-toast.toast-error{border-color:rgba(244,63,94,0.8);box-shadow:0 0 25px rgba(244,63,94,0.3),0 8px 20px rgba(0,0,0,0.6);color:#ffe4e6}.cyber-toast.toast-error .toast-icon{color:#f43f5e}.cyber-toast.toast-warning{border-color:rgba(245,158,11,0.8);box-shadow:0 0 25px rgba(245,158,11,0.3),0 8px 20px rgba(0,0,0,0.6);color:#fef3c7}.cyber-toast.toast-warning .toast-icon{color:#f59e0b}.cyber-toast.toast-info{border-color:rgba(6,182,212,0.8);box-shadow:0 0 25px rgba(6,182,212,0.3),0 8px 20px rgba(0,0,0,0.6);color:#e0f2fe}.cyber-toast.toast-info .toast-icon{color:#06b6d4}@keyframes toastSlideIn{from{opacity:0;transform:translateX(35px) scale(0.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(45px) scale(0.9)}}.flag-valid-input{border-color:#10b981 !important;box-shadow:0 0 12px rgba(16,185,129,0.45) !important;background-color:rgba(6,78,59,0.15) !important}.flag-invalid-input{border-color:#f59e0b !important;box-shadow:0 0 12px rgba(245,158,11,0.35) !important;background-color:rgba(120,53,15,0.1) !important}input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,textarea:focus,select:focus{border-color:#10b981 !important;box-shadow:0 0 0 2px rgba(16,185,129,0.4) !important;outline:none !important}[class*="stage-dl-btn-"]{transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}[class*="stage-dl-btn-"]:hover:not(:disabled){transform:translateX(3px);border-color:rgba(16,185,129,0.7);background-color:rgba(6,78,59,0.35);box-shadow:0 0 12px rgba(16,185,129,0.2)}[class*="stage-dl-btn-"]:active:not(:disabled){transform:scale(0.99) translateX(1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#10b981}.cyber-certificate-frame{background:radial-gradient(circle at 50% 20%,#151d33 0%,#080c16 85%);border:3px double rgba(245,158,11,0.65);box-shadow:0 0 35px rgba(245,158,11,0.15),inset 0 0 45px rgba(0,0,0,0.8);position:relative}.cyber-certificate-frame::before{content:'';position:absolute;inset:6px;border:1px dashed rgba(245,158,11,0.35);pointer-events:none;border-radius:0.75rem}.cert-corner-ornament{position:absolute;width:24px;height:24px;border-color:#f59e0b;pointer-events:none}.cert-corner-tl{top:10px;left:10px;border-top:2px solid;border-left:2px solid}.cert-corner-tr{top:10px;right:10px;border-top:2px solid;border-right:2px solid}.cert-corner-bl{bottom:10px;left:10px;border-bottom:2px solid;border-left:2px solid}.cert-corner-br{bottom:10px;right:10px;border-bottom:2px solid;border-right:2px solid}@media print{body *{visibility:hidden !important}#modalCertificate,#modalCertificate *{visibility:visible !important}#modalCertificate{position:fixed !important;left:0 !important;top:0 !important;width:100vw !important;height:100vh !important;margin:0 !important;padding:0 !important;background:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:9999999 !important}#modalCertificate .cyber-card{background:#ffffff !important;color:#0b0f19 !important;border:4px double #b45309 !important;box-shadow:none !important;width:95% !important;max-width:950px !important;padding:2rem !important}#modalCertificate h3,#modalCertificate h4,#modalCertificate div,#modalCertificate p,#modalCertificate span{color:#0f172a !important;text-shadow:none !important}#modalCertificate #certStudentName{color:#0369a1 !important;font-size:1.75rem !important}#modalCertificate button,#cyberToastContainer{display:none !important}}.tier-card-active{border-color:#06b6d4 !important;background-color:rgba(6,182,212,0.12) !important;box-shadow:0 0 20px rgba(6,182,212,0.25) !important;transform:translateY(-2px)}.tier-card-popular-active{border-color:#f59e0b !important;background-color:rgba(245,158,11,0.12) !important;box-shadow:0 0 25px rgba(245,158,11,0.3) !important;transform:translateY(-2px)}.tier-badge-glow{animation:tierPulse 2.5s infinite}@keyframes tierPulse{0%,100%{box-shadow:0 0 8px rgba(245,158,11,0.4)}50%{box-shadow:0 0 16px rgba(245,158,11,0.85)}}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.back-to-top-fab{position:fixed;bottom:1.5rem;left:1.5rem;z-index:45;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease}.back-to-top-fab.visible{opacity:1;visibility:visible;transform:translateY(0)}.lesson-prose.lesson-font-sm{font-size:0.825rem !important;line-height:1.7 !important}.lesson-prose.lesson-font-md{font-size:0.935rem !important;line-height:1.85 !important}.lesson-prose.lesson-font-lg{font-size:1.06rem !important;line-height:1.95 !important}.podium-card-1{background:linear-gradient(180deg,rgba(120,53,15,0.35) 0%,rgba(13,21,39,0.95) 100%);border:1.5px solid rgba(245,158,11,0.75);box-shadow:0 0 28px rgba(245,158,11,0.2),0 10px 20px rgba(0,0,0,0.5)}.podium-card-2{background:linear-gradient(180deg,rgba(51,65,85,0.35) 0%,rgba(13,21,39,0.95) 100%);border:1.5px solid rgba(148,163,184,0.6);box-shadow:0 0 20px rgba(148,163,184,0.12),0 8px 16px rgba(0,0,0,0.45)}.podium-card-3{background:linear-gradient(180deg,rgba(124,45,18,0.3) 0%,rgba(13,21,39,0.95) 100%);border:1.5px solid rgba(217,119,6,0.55);box-shadow:0 0 20px rgba(217,119,6,0.12),0 8px 16px rgba(0,0,0,0.45)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}