@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Space+Grotesk:wght@300;400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #000000;--fg: #ffffff;--border: #1a1a1a;--accent: #ffffff;--font-header: "Rajdhani", sans-serif;--font-body: "Space Grotesk", sans-serif;--safe-pad: clamp(20px, 5vw, 60px)}*{box-sizing:border-box;scroll-behavior:smooth}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--fg)}body{margin:0;background-color:var(--bg);color:var(--fg);font-family:var(--font-body);overflow-x:hidden}.main-container{display:flex;min-height:100vh;width:100vw}.left-panel{flex:1.2;padding:var(--safe-pad);display:flex;flex-direction:column;border-right:1px solid var(--border);position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(40px,8vh,100px)}.logo{font-family:var(--font-header);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;letter-spacing:5px;border-left:4px solid var(--fg);padding-left:15px}.progress-container{margin-bottom:clamp(60px,10vh,120px);position:sticky;top:20px;z-index:100}.huge-progress-track{height:clamp(50px,8vw,90px);border:1px solid var(--fg);position:relative;overflow:hidden;background:var(--bg)}.huge-progress-fill{height:100%;background:var(--fg);position:relative}.huge-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);animation:scan 2s infinite linear}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.percentage-display{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:var(--font-header);font-size:clamp(2rem,5vw,5rem);font-weight:700;mix-blend-mode:difference;z-index:10;pointer-events:none}.section-title{font-family:var(--font-header);font-size:clamp(1.2rem,2vw,1.8rem);margin-bottom:40px;letter-spacing:3px;opacity:.7}.blog-list{display:flex;flex-direction:column;gap:2px;background:var(--border)}.blog-entry{background:var(--bg);padding:30px 0;border-bottom:1px solid var(--border);transition:all .4s cubic-bezier(.23,1,.32,1)}.blog-entry:hover{padding-left:20px;background:#050505}.blog-entry h3{font-family:var(--font-header);font-size:clamp(1.4rem,3vw,2.2rem);margin:10px 0;text-transform:uppercase}.blog-entry p{color:#888;line-height:1.6;max-width:550px;font-size:clamp(.9rem,1.2vw,1.1rem)}.right-panel{flex:.8;position:sticky;top:0;height:100vh;overflow:hidden;background:#000}.hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.7);transition:transform 1.2s ease}.right-panel:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}@media(max-width:1024px){.main-container{flex-direction:column}.right-panel{position:relative;height:70vh;width:100%;order:-1}.left-panel{border-right:none;flex:none;width:100%}.huge-progress-track{height:60px}}