:root{--ease-apple:cubic-bezier(0.32, 0.725, 0, 1);--ease-out:cubic-bezier(0.16, 1, 0.3, 1)}::selection{background:#000;color:#fff}body{font-family:'Inter',sans-serif;background-color:#fff;color:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased}.fixed-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:24px 24px;opacity:.6;pointer-events:none;will-change:transform;animation:bgPulse 10s ease-in-out infinite alternate}@keyframes bgPulse{from{transform:scale(1);opacity:.5}to{transform:scale(1.02);opacity:.7}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#000}.view-section{display:none;opacity:0;transform:translateY(10px);transition:opacity 0.5s var(--ease-apple),transform 0.5s var(--ease-apple);will-change:opacity,transform}.view-section.active{display:block;opacity:1;transform:translateY(0)}@keyframes slideUpFade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:slideUpFade 0.8s var(--ease-apple) forwards;opacity:0}.delay-100{animation-delay:0.1s}.delay-200{animation-delay:0.2s}.mono-card{background:#fff;border:1px solid #f0f0f0;transition:all 0.4s var(--ease-apple);position:relative;overflow:hidden;border-radius:16px}.mono-card:hover{border-color:#000;background:#fff;transform:translateY(-4px) scale(1.005);box-shadow:0 20px 40px -10px rgb(0 0 0 / .08);z-index:10}.mono-btn{background:#fff;color:#000;border:1px solid #e5e5e5;transition:all 0.3s var(--ease-apple)}.mono-btn:hover{background:#f9f9f9;border-color:#000;transform:translateY(-1px)}.mono-btn:active{transform:scale(.98)}.mono-btn-primary{background:#000;color:#fff;border:1px solid #000;transition:all 0.3s var(--ease-apple);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.mono-btn-primary:hover{background:#222;transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .2)}.mono-btn-primary:active{transform:scale(.97)}.marquee-container{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);padding:40px 0}.marquee-content{display:flex;width:max-content;animation:scroll 40s linear infinite}.marquee-content:hover{animation-play-state:paused}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-item{font-size:8rem;font-weight:900;line-height:1;text-transform:uppercase;color:#f3f3f3;-webkit-text-stroke:1px #e5e5e5;margin-right:60px;transition:color 0.3s;letter-spacing:-4px}.marquee-item:hover{color:#000;-webkit-text-stroke:0}#toast-container{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-col:column-reverse;gap:10px;pointer-events:none}.toast{background:rgb(0 0 0 / .9);backdrop-filter:blur(8px);color:#fff;padding:10px 20px;border-radius:99px;font-size:12px;font-weight:500;box-shadow:0 10px 30px rgb(0 0 0 / .2);display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(20px) scale(.95);animation:toastIn 0.5s var(--ease-apple) forwards;pointer-events:auto;border:1px solid rgb(255 255 255 / .1)}.toast.hiding{animation:toastOut 0.4s var(--ease-apple) forwards}@keyframes toastIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px) scale(.95)}}#sidebar{will-change:transform;box-shadow:20px 0 40px -10px rgb(0 0 0 / .05)}.nav-item{position:relative;overflow:hidden}.nav-item.active{background:#000;color:#fff}.nav-item.active i{color:#fff}.nav-item:hover:not(.active){background:#f7f7f7;transform:translateX(4px)}.code-preview{font-family:'JetBrains Mono',monospace;font-size:13px;background:#0a0a0a;color:#e5e5e5;border-radius:12px}