:root{--color-bg: #050505;--color-text: #f0f0f0;--color-text-secondary: #a0a0a0;--color-accent: #4f46e5;--color-accent-light: #6366f1;--color-card: rgba(30, 30, 30, .7);--color-card-hover: rgba(40, 40, 40, .8);--border-radius: 14px;--font-family: "Outfit", sans-serif;--transition: all .3s ease}.link-card{content-visibility:auto;contain-intrinsic-size:auto 150px}.bg-gradient,.bg-noise,.bg-grid{will-change:transform;transform:translateZ(0)}.social-icon,.link-card{transition:transform .2s ease-out,box-shadow .2s ease-out;will-change:transform,box-shadow}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}.reduce-motion *{transition:none!important;animation:none!important}.profile-avatar img{transform:translateZ(0)}.link-card:not(.visible){opacity:.8;transform:translateY(10px)}.link-card.visible{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}@font-face{font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 70%),radial-gradient(circle at bottom left,rgba(79,70,229,.1),transparent 70%);z-index:-3}.bg-noise{position:fixed;top:0;left:0;width:100%;height:100%;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='0.08'/%3E%3C/svg%3E");opacity:.15;z-index:-2}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-size:30px 30px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);z-index:-1}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;pointer-events:none}.bg-shapes .shape{position:fixed;border-radius:50%;filter:blur(50px);z-index:-2;opacity:.7;transition:transform .15s ease-out,opacity .2s ease;will-change:transform,opacity;mix-blend-mode:screen;box-shadow:0 0 80px 10px #ffffff1a}.shape-1{top:10%;left:5%;width:450px;height:450px;background:#4f46e580}.shape-2{top:60%;right:5%;width:550px;height:550px;background:#6366f180}.shape-3{bottom:10%;left:10%;width:350px;height:350px;background:#818cf866}.shape-4{top:30%;right:20%;width:400px;height:400px;background:#3730a366}.motion-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 20px;border-radius:20px;z-index:1000;font-size:16px;display:flex;align-items:center;opacity:1;transition:opacity .5s ease;box-shadow:0 5px 15px #0000004d}.motion-indicator.mobile-indicator{padding:20px;border-radius:var(--border-radius);background:#141414e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.3);box-shadow:0 10px 30px #00000080;width:85%;max-width:320px;text-align:center}.enable-motion-btn{margin-top:10px;padding:8px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:20px;font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all .2s ease}.enable-motion-btn:hover{background:var(--color-accent-light);transform:scale(1.05)}.enable-motion-btn{flex:1;padding:12px;border-radius:var(--border-radius);font-family:var(--font-family);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.enable-motion-btn.primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.enable-motion-btn.secondary{background:#323232cc;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1)}.enable-motion-btn:hover{transform:translateY(-2px)}.enable-motion-btn.primary:hover{box-shadow:0 5px 15px #4f46e566}.motion-indicator-warning .motion-indicator-dot{background:#ff9800}.motion-indicator-error .motion-indicator-dot{background:#f44336}.motion-indicator-fade{opacity:0}.motion-indicator-inner{display:flex;align-items:center;gap:10px}.motion-indicator-inner{display:flex;flex-direction:column;align-items:center;gap:15px}.motion-indicator-text{font-weight:500;line-height:1.4;margin-bottom:5px}.motion-buttons{display:flex;gap:12px;margin-top:5px;width:100%}.motion-indicator-dot{width:12px;height:12px;background:var(--color-accent);border-radius:50%;animation:pulse 1s infinite}.motion-indicator-text{font-weight:500}.motion-debug{position:fixed;bottom:80px;right:20px;background:#000000d9;color:#fff;padding:15px;border-radius:10px;font-size:14px;font-family:monospace;z-index:1000;width:260px;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(79,70,229,.4);transition:opacity .3s,transform .3s;transform-origin:bottom right}.motion-debug-hidden{opacity:0;transform:scale(.8);pointer-events:none}.motion-debug-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2)}.close-debug-button{position:absolute;top:-5px;right:-5px;background:none;border:none;color:#ffffffb3;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-debug-button:hover{color:#fff}.motion-debug-content{margin-bottom:10px;line-height:1.7}.motion-debug-status{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.motion-status-indicator{width:10px;height:10px;background:#666;border-radius:50%;transition:background-color .2s}.motion-status-indicator.active{background:#4caf50;box-shadow:0 0 10px #4caf50}.motion-test-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-size:24px;font-weight:700;transition:opacity .3s}.motion-test-overlay.fade-out{opacity:0}@media (max-width: 600px){.motion-debug-button{display:none!important}}.motion-debug-button{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0000004d;z-index:1001;font-size:20px;transition:all .2s ease}.motion-debug-button:hover{transform:scale(1.1);box-shadow:0 5px 15px #4f46e580}.motion-debug-button.active{background:#4caf50}.motion-debug-button.pulse{animation:button-pulse .3s ease}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.container{max-width:680px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:30px}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.profile-avatar{position:relative;width:90px;height:90px;margin-bottom:16px;transform-style:preserve-3d;will-change:transform;transform:perspective(1000px)}.avatar{width:90px;height:auto;border-radius:50%;margin-bottom:1rem;transform-style:preserve-3d;will-change:transform}.profile-name{font-size:28px;font-weight:700;margin-bottom:6px}.profile-bio{color:var(--color-text-secondary);margin-bottom:16px;font-size:16px}.social-icons{display:flex;gap:16px;margin-top:10px}.social-icon{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#282828b3;border-radius:50%;color:var(--color-text);font-size:18px;transition:var(--transition);text-decoration:none}.social-icon:hover{transform:translateY(-3px);background-color:var(--color-accent);color:#fff}.social-icon .tooltip{position:absolute;top:-30px;background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;visibility:hidden;transition:var(--transition);pointer-events:none;white-space:nowrap}.social-icon:hover .tooltip{opacity:1;visibility:visible}.links-container{display:flex;flex-direction:column;gap:16px}.link-card{display:flex;align-items:center;padding:16px;background-color:var(--color-card);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);transition:var(--transition);transform-style:preserve-3d;will-change:transform;transform:perspective(1000px)}.link-card:hover{background-color:var(--color-card-hover);transform:translateY(-2px);border-color:#ffffff1a;box-shadow:0 8px 20px #0003}.link-card.animate{will-change:transform}.link-card:not(.animate){will-change:auto}.link-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;margin-right:16px;font-size:20px;color:var(--color-text)}.link-icon img{max-width:24px;max-height:24px}.link-content{flex:1}.link-content h2{font-size:16px;font-weight:600}.link-content p{font-size:14px;color:var(--color-text-secondary)}.link-arrow{font-size:20px;opacity:.6;transition:var(--transition)}.link-card:hover .link-arrow{opacity:1;transform:translate(2px)}.section-title{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-top:8px;margin-bottom:-4px;padding:0 8px}.section-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px}.portfolio .link-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.brick-city .link-icon{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff}.straypath .link-icon{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.scenic-byways .link-icon{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.showcase .link-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.get-viewport .link-icon{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff}.saltykeys .link-icon{background:linear-gradient(135deg,#ffb300,#63b208);color:#fff}.url-shortener .link-icon{background:linear-gradient(135deg,#50f,#63b208);color:#fff}.aprils-art .link-icon{background:linear-gradient(135deg,#fb24c9,#fa1547);color:#fff}.beccas-books .link-icon{background:linear-gradient(135deg,#d7c4a3,#3e2c28);color:#fff}.wordleish .link-icon{background:linear-gradient(135deg,#6aaa64,#c9b458);color:#fff}.tetrish .link-icon{background:linear-gradient(135deg,#f0a,#00fff0);color:#fff}.tailwind .link-icon{background:linear-gradient(135deg,#06b6d4,#0ea5e9);color:#fff}.repowidget .link-icon{background:#f6f6f6;padding:6px}.repos .link-icon{background:linear-gradient(135deg,#475569,#64748b);color:#fff}.image-processor .link-icon{background:linear-gradient(135deg,#fff,#87b7ff);color:#fff}.storage-manager .link-icon{background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff}.codepen-demos .link-icon{background:linear-gradient(135deg,#9333ea,#c026d3);color:#fff}.footer{margin-top:24px;text-align:center;color:var(--color-text-secondary);font-size:14px;opacity:.7}.footer-content{display:flex;justify-content:center;gap:8px}.divider{opacity:.5}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;line-height:1}.coming-soon{background:linear-gradient(135deg,#f9731633,#ef444433);color:#f97316;border:1px solid rgba(239,68,68,.3);margin-left:11px}@keyframes pulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}@media (max-width: 480px){.container{padding:30px 15px}.profile-name{font-size:24px}.link-content h2{font-size:15px}.link-content p{font-size:13px}}