*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#09090b;color:#f4f4f5;scroll-behavior:smooth;overflow-x:hidden}.app{min-height:100vh;background:#09090b;color:#f4f4f5;position:relative}.main-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 0 2rem}.content-container{width:100%;background:rgba(9,9,11,.8);padding:3rem;border-radius:1rem;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 auto}img{opacity:0;transition:opacity .3s ease;background:rgba(24,24,27,.8);border-radius:.5rem}img.loaded,img[src]:not([src=""]){opacity:1}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#09090b;display:flex;align-items:center;justify-content:center;z-index:9999}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:#3b82f6;z-index:1001;transform-origin:0%}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease}h1,h2,h3,h4,h5,h6{line-height:1.2}code,pre,.code{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@media (max-width: 768px){.main-content{padding:0 1rem}.section{padding:4rem 0 1rem;min-height:auto}.content-container{padding:1.5rem}}.visitor-counter{position:fixed;top:80px;right:20px;background:rgba(9,9,11,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:1rem;z-index:1000;min-width:220px}.visitor-stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.stat-item:last-child{border-bottom:none}.stat-label{font-size:.85rem;color:#a1a1aa;display:flex;align-items:center;gap:.5rem}.stat-value{font-size:1rem;color:#3b82f6;font-weight:600;font-family:JetBrains Mono,monospace}.close-stats{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#3b82f6;color:#09090b;border:none;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-stats:hover{transform:scale(1.1)}.loader-content{text-align:center;color:#f4f4f5}.loader-text{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.loader-subtext{font-size:.9rem;color:#3b82f6;opacity:.8}