:root{--cursor-size: 20px}body{background-color:#050505;color:#fff;overflow-x:hidden;cursor:default}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.bento-card{background:#1119;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;inset:0;border-radius:1.5rem;padding:1px;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bento-card:hover{border-color:#fff3;transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px -15px #000c}.bento-card:hover .card-glow{opacity:.4}.card-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,#3b82f64d,#8b5cf600 70%);border-radius:50%;top:-50px;right:-50px;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.magnetic-area{display:inline-block;position:relative}.magnetic-btn{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.heading-tight{letter-spacing:-.04em;line-height:.9}.floating-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#111111b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;z-index:1000;box-shadow:0 10px 30px #00000080;transition:all .3s ease}.nav-item{position:relative;color:#666;font-size:1.5rem;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-item:hover{color:#fff;background:#ffffff1a;transform:translateY(-5px)}.nav-item.active{color:#3b82f6}.nav-progress{position:absolute;bottom:0;left:1.5rem;height:2px;background:#3b82f6;width:24px;transition:all .4s cubic-bezier(.25,1,.5,1);border-radius:2px}.nav-item:before{content:attr(data-tooltip);position:absolute;top:-40px;left:50%;transform:translate(-50%) translateY(10px);background:#fff;color:#000;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;opacity:0;pointer-events:none;transition:all .2s ease;white-space:nowrap}.nav-item:hover:before{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:640px){.floating-nav{bottom:1.5rem;padding:.5rem 1rem;gap:.25rem}.nav-item{font-size:1.25rem;padding:.4rem}}