@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap";:root{--ink:#171717;--on-primary:#fff;--body:#4d4d4d;--mute:#888;--hairline:#ebebeb;--hairline-strong:#a1a1a1;--canvas:#fff;--canvas-soft:#fafafa;--canvas-soft-2:#f5f5f5;--link:#0070f3;--link-deep:#0761d1;--error:#e00;--error-soft:#f7d4d6;--warning:#f5a623;--warning-soft:#ffefcf;--success:#0070f3;--violet:#7928ca;--cyan:#50e3c2;--highlight-pink:#ff0080;--gradient-develop:linear-gradient(90deg, #007cf0, #00dfd8);--gradient-preview:linear-gradient(90deg, #7928ca, #ff0080);--gradient-ship:linear-gradient(90deg, #ff4d4d, #f9cb28);--gradient-mesh:linear-gradient(135deg, #007cf0 0%, #7928ca 25%, #ff0080 50%, #50e3c2 75%, #f9cb28 100%);--shadow-1:0 0 0 1px #00000014;--shadow-2:0px 1px 1px #00000005, 0px 2px 2px #0000000a, 0 0 0 1px #00000014;--shadow-3:0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a, 0 0 0 1px #00000014;--shadow-4:0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a, 0 0 0 1px #00000014;--shadow-5:0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f, 0 0 0 1px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas-soft);color:var(--ink);font-feature-settings:"ss01", "ss02";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Inter,system-ui,sans-serif}.reading-body{color:var(--body);font-family:Inter,system-ui,sans-serif}.font-mono-data{font-family:JetBrains Mono,ui-monospace,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hairline-strong)}.container-custom{max-width:1200px;margin:0 auto;padding:0 24px}.glass-card{background:var(--canvas);border:1px solid var(--hairline);box-shadow:var(--shadow-2);border-radius:8px;transition:box-shadow .2s,border-color .2s}.glass-card:hover{box-shadow:var(--shadow-3);border-color:var(--hairline-strong)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{box-shadow:var(--shadow-4);transform:translateY(-1px)}.glass-input{background:var(--canvas);border:1px solid var(--hairline);color:var(--ink);border-radius:6px;outline:none;height:40px;padding:0 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.glass-input::placeholder{color:var(--mute)}textarea.glass-input{height:auto;min-height:100px;padding:12px}.btn-brand{background:var(--ink);color:var(--on-primary);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.btn-brand:hover{background:#333}.btn-brand:active{transform:scale(.98)}.btn-brand:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary-magenta{background:var(--canvas);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary-magenta:hover{background:var(--canvas-soft-2);border-color:var(--hairline-strong)}.btn-outline{background:var(--canvas);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn-outline:hover{background:var(--canvas-soft-2);border-color:var(--hairline-strong)}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.badge{background:var(--canvas-soft);height:24px;color:var(--body);border:1px solid var(--hairline);border-radius:100px;align-items:center;gap:6px;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;display:inline-flex}.badge-cyan{background:var(--canvas-soft);color:#0070f3;border-color:var(--hairline)}.badge-magenta{background:var(--canvas-soft);color:var(--violet);border-color:var(--hairline)}.badge-lime{background:var(--canvas-soft);color:var(--body);border-color:var(--hairline)}.badge-indigo{background:var(--canvas-soft);color:var(--violet);border-color:var(--hairline)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}::selection{background:var(--ink);color:var(--on-primary)}body.dark-mode{--ink:#e5e5e5;--on-primary:#000;--body:#a3a3a3;--mute:#737373;--hairline:#2a2a2a;--hairline-strong:#525252;--canvas:#171717;--canvas-soft:#1a1a1a;--canvas-soft-2:#262626;--link:#3b82f6;--link-deep:#60a5fa;--error:#ef4444;--error-soft:#450a0a;--warning:#f59e0b;--warning-soft:#451a03;--success:#3b82f6;--violet:#a855f7;--cyan:#2dd4bf;--highlight-pink:#f472b6;--shadow-1:0 0 0 1px #ffffff14;--shadow-2:0px 1px 1px #0003, 0px 2px 2px #0000004d, 0 0 0 1px #ffffff0f;--shadow-3:0px 2px 2px #0000004d, 0px 8px 8px -8px #0006, 0 0 0 1px #ffffff0f;--shadow-4:0px 2px 2px #0000004d, 0px 8px 16px -4px #0006, 0 0 0 1px #ffffff0f;--shadow-5:0px 1px 1px #0003, 0px 8px 16px -4px #0006, 0px 24px 32px -8px #00000080, 0 0 0 1px #ffffff0f}.sheets-section{background:var(--canvas);border:1px solid var(--hairline);box-shadow:var(--shadow-2);border-radius:12px;padding:24px}.sheets-header{margin-bottom:20px}.sheets-header h3{color:var(--ink);margin:0 0 4px;font-size:18px;font-weight:600}.sheets-header p{color:var(--mute);margin:0;font-size:13px}.sheets-tabs{border-bottom:1px solid var(--hairline);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.sheet-tab{color:var(--body);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sheet-tab:hover{background:var(--canvas-soft)}.sheet-tab.active{background:var(--ink);color:#fff}.sheets-content{min-height:100px}.summary-sheet h4{color:var(--ink);margin:0 0 16px;font-size:16px;font-weight:600}.quick-revision{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:8px;margin-bottom:16px;padding:16px}.quick-revision strong{color:var(--mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;display:block}.quick-revision p{color:var(--body);margin:0;font-size:14px;line-height:1.6}.main-points,.key-takeaways{margin-bottom:16px}.main-points strong,.key-takeaways strong{color:var(--mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;display:block}.main-points ul,.key-takeaways ul{margin:0;padding:0;list-style:none}.main-points li,.key-takeaways li{background:var(--canvas-soft);color:var(--body);border-left:3px solid var(--ink);border-radius:6px;margin-bottom:6px;padding:8px 12px;font-size:14px}.formula-item{background:var(--canvas-soft);border:1px solid var(--hairline);cursor:pointer;border-radius:8px;margin-bottom:8px;transition:all .2s}.formula-item:hover{border-color:var(--hairline-strong)}.formula-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.formula-code{color:var(--ink);background:var(--canvas);border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500}.formula-details{border-top:1px solid var(--hairline);margin-top:8px;padding:12px 16px 16px}.formula-details p{color:var(--body);margin:0 0 8px;font-size:14px;line-height:1.5}.formula-example{background:var(--canvas);border-radius:6px;padding:8px 12px;font-size:13px!important}.date-item{background:var(--canvas-soft);border:1px solid var(--hairline);cursor:pointer;border-radius:8px;margin-bottom:8px;padding:12px 16px;transition:all .2s}.date-item:hover{border-color:var(--hairline-strong)}.date-header{justify-content:space-between;align-items:center;display:flex}.date-value{color:var(--ink);background:var(--canvas);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.date-event{color:var(--body);margin:8px 0 0;font-size:14px}.date-importance{color:var(--body);border-top:1px solid var(--hairline);margin:8px 0 0;padding-top:8px;font-size:13px}.btn-download{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0070f3,#7928ca);border:none;border-radius:100px;align-items:center;gap:6px;height:32px;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0070f34d}.btn-download:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-download:disabled:hover{box-shadow:none}.scroll-animate{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(-50px)}.scroll-animate-left.visible{opacity:1;transform:translate(0)}.scroll-animate-right{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(50px)}.scroll-animate-right.visible{opacity:1;transform:translate(0)}.scroll-animate-scale{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:scale(.9)}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.scroll-animate-rotate{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:rotate(-5deg)translateY(20px)}.scroll-animate-rotate.visible{opacity:1;transform:rotate(0)translateY(0)}.stagger-children.visible>:first-child{transition-delay:.1s}.stagger-children.visible>:nth-child(2){transition-delay:.2s}.stagger-children.visible>:nth-child(3){transition-delay:.3s}.stagger-children.visible>:nth-child(4){transition-delay:.4s}.stagger-children.visible>:nth-child(5){transition-delay:.5s}.stagger-children.visible>:nth-child(6){transition-delay:.6s}.stagger-children.visible>:nth-child(7){transition-delay:.7s}.stagger-children.visible>:nth-child(8){transition-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #0070f380}50%{box-shadow:0 0 20px #0070f3cc}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.gradient-text-animated{background:linear-gradient(90deg,#0070f3,#7928ca,#ff0080,#0070f3) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tilt-hover{transition:transform .3s}.tilt-hover:hover{transform:perspective(1000px)rotateX(5deg)rotateY(5deg)}