:root{--bg-primary:#fff;--bg-hero:#0840880a;--bg-card:#fff;--bg-section-gray:#0840880d;--bg-nav-scrolled:#fffffff2;--text-primary:#000;--text-secondary:#333;--text-muted:#758398;--accent-blue:#009bdf;--accent-orange:#ffa910;--accent-purple:#781db1;--accent-cyan:#00b4d8;--accent-indigo:#6366f1;--border-light:#0840881a;--border-card:#08408812;--progress-track:#e6ecf3;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 30px #0000000d;--shadow-card-hover:0 15px 40px #08408814;--font-sans:"Barlow Semi Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--ease-elastic:cubic-bezier(.68, -.6, .32, 1.6);--ease-smooth:cubic-bezier(.25, .8, .25, 1);--transition-speed:.3s}html.dark{--bg-primary:#0b0f19;--bg-hero:#08408826;--bg-card:#131b2e;--bg-section-gray:#0840881f;--bg-nav-scrolled:#0b0f19f2;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--border-light:#ffffff14;--border-card:#ffffff0d;--progress-track:#ffffff14;--accent-cyan:#00d2ff;--accent-indigo:#818cf8;--shadow-sm:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 30px #0006;--shadow-card-hover:0 15px 40px #009bdf1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-sans);font-weight:400;line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.25}h1{font-size:3.8rem;font-family:var(--font-serif)}h2{font-size:2.6rem;font-family:var(--font-serif);color:var(--accent-blue);margin-bottom:1.5rem}h3{font-size:1.7rem;font-family:var(--font-serif)}h4{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;font-size:1.15rem;font-weight:600}p{font-size:1.05rem;font-weight:400}ul,ol{padding-left:1.5rem}li{margin-bottom:.5rem}a{color:var(--accent-blue);transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--accent-orange)}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}section{padding:5rem 0}.glass-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-speed) var(--ease-smooth), box-shadow var(--transition-speed) var(--ease-smooth), border-color var(--transition-speed) var(--ease-smooth);border-radius:8px;padding:2.5rem}.glass-card:hover{box-shadow:var(--shadow-card-hover);border-color:#009bdf40;transform:translateY(-4px)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bob{animation:3.5s ease-in-out infinite bob}.grid-2{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.border-right-divider{border-right:1px solid var(--border-light)}@media (width<=1024px){h1{font-size:3rem}h2{font-size:2.2rem}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.border-right-divider{border-right:none;border-bottom:1px solid var(--border-light);padding-bottom:2rem}}@media (width<=768px){section{padding:4rem 0}h1{font-size:2.4rem}h2{font-size:1.8rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1.5rem}.border-right-divider{border-right:none;border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}.container{padding:0 1.25rem}}body{transition:background-color .3s,color .3s}.glass-card,.shortcut-card,.hobby-card,.nav-bar,.timeline:before,.progress-track,.nav-links a{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}.theme-toggle{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:background .3s, color .3s, transform .3s var(--ease-elastic), border-color .3s;background:#0840880d;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.theme-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#009bdf1a;transform:scale(1.08)rotate(15deg)}.theme-toggle:active{transform:scale(.95)}.theme-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .5s cubic-bezier(.4,0,.2,1)}html.dark .theme-toggle{color:var(--accent-orange);background:#ffffff0d}html.dark .theme-toggle:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ffa9101a;transform:scale(1.08)rotate(-15deg)}.header-actions{align-items:center;gap:1.2rem;display:flex}html.dark .logo-image{filter:invert()hue-rotate(180deg)}