:root{--bg: #050505;--text: #e5e5e5;--dim: #666;--border: #222;--accent: #fff;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 40px;overflow:hidden}#root{width:100%}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.app-container{max-width:600px;margin:0 auto;width:100%;position:relative}h1{font-size:48px;font-weight:600;letter-spacing:-.03em;margin-bottom:10px}.bio{font-family:var(--font-mono);color:var(--dim);font-size:14px;margin-bottom:40px;display:flex;align-items:center;gap:10px}.location-dot{width:6px;height:6px;background:#fff;border-radius:50%;display:inline-block;box-shadow:0 0 10px #ffffff80}.links{display:flex;flex-direction:column;gap:36px;border-top:1px solid var(--border);padding-top:40px}.link-item{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--text);padding:16px 0;transition:color .2s;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-main);font-size:inherit}.link-item:hover{color:var(--accent)}.link-item:hover .arrow{transform:translate(5px);opacity:1}.link-item>div{display:flex;flex-direction:column;gap:12px}.link-label{font-size:17px;font-weight:500}.link-desc{font-family:var(--font-mono);font-size:13px;color:var(--dim)}.arrow{opacity:0;transition:all .2s;font-family:var(--font-mono)}.view-panel{transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),visibility .35s;opacity:1;transform:translateY(0);visibility:visible;width:100%}.view-panel.hidden{position:absolute;top:0;left:0;opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border)}.projects-header h2{font-size:20px;font-weight:500;letter-spacing:-.02em}.back-btn{background:none;border:none;color:var(--dim);font-family:var(--font-mono);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s,transform .2s;padding:5px 0}.back-btn:hover{color:var(--accent);transform:translate(-4px)}.projects-grid{display:flex;flex-direction:column;gap:36px;max-height:52vh;overflow-y:auto;padding:6px 8px 6px 6px}.projects-grid::-webkit-scrollbar{width:4px}.projects-grid::-webkit-scrollbar-track{background:#ffffff03}.projects-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.projects-grid::-webkit-scrollbar-thumb:hover{background:var(--dim)}.project-card{display:flex;gap:24px;text-decoration:none;color:var(--text);padding:24px;border:1px solid var(--border);border-radius:8px;background:#ffffff03;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:flex-start}.project-card:hover{background:#ffffff05;border-color:#444;transform:translateY(-2px)}.project-img-wrapper{width:120px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:#111;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-img-wrapper{width:140px;height:93px}.project-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-img-wrapper img{transform:scale(1.08)}.project-content{display:flex;flex-direction:column;gap:12px;flex-grow:1}.project-title{font-size:16px;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:color .2s;padding-top:2px}.project-card:hover .project-title{color:var(--accent)}.project-title .arrow{opacity:.5;font-size:12px;transition:transform .2s,opacity .2s}.project-card:hover .project-title .arrow{transform:translate(2px,-2px);opacity:1}.project-desc{font-family:var(--font-mono);font-size:12px;color:var(--dim);line-height:1.5;opacity:.85;transition:opacity .2s ease,color .2s ease}.project-card:hover .project-desc{opacity:1;color:var(--text)}.skeleton-card{display:flex;gap:24px;padding:24px;border:1px solid var(--border);border-radius:8px;background:#ffffff03;align-items:flex-start}.skeleton-img{width:120px;height:80px;border-radius:6px;background:linear-gradient(90deg,#111 25%,#222,#111 75%);background-size:200% 100%;animation:loading 1.5s infinite linear}.skeleton-info{display:flex;flex-direction:column;gap:8px;flex-grow:1}.skeleton-title{width:40%;height:14px;background:linear-gradient(90deg,#111 25%,#222,#111 75%);background-size:200% 100%;animation:loading 1.5s infinite linear;border-radius:2px}.skeleton-desc{width:80%;height:10px;background:linear-gradient(90deg,#111 25%,#222,#111 75%);background-size:200% 100%;animation:loading 1.5s infinite linear;border-radius:2px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card.special{border-color:var(--border);background:#ffffff03;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s ease}.project-card.special:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-shadow);background:#ffffff05}.special-hover-badge{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;margin-top:0;margin-bottom:0}.project-card.special:hover .special-hover-badge{max-height:25px;opacity:1;margin-top:6px;margin-bottom:2px}.project-badge{font-family:var(--font-mono);font-size:8px;font-weight:600;color:#fff;padding:1px 6px;border-radius:3px;letter-spacing:.08em;display:inline-block}.project-special-note-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;margin-top:0;margin-bottom:0}.project-card.special:hover .project-special-note-wrapper{max-height:25px;opacity:1;margin-top:6px;margin-bottom:2px}.project-special-note{font-family:var(--font-mono);font-size:11px;font-weight:500;display:flex;align-items:center;gap:6px}.project-special-note:before{content:"✦";display:inline-block}.manifesto-content{max-height:52vh;overflow-y:auto;padding:24px;border:1px solid var(--border);border-radius:8px;background:#ffffff03;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--dim)}.manifesto-body>*{opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}.manifesto-body.reveal>*{opacity:1;transform:translateY(0)}.manifesto-content::-webkit-scrollbar{width:4px}.manifesto-content::-webkit-scrollbar-track{background:#ffffff03}.manifesto-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.manifesto-content::-webkit-scrollbar-thumb:hover{background:var(--dim)}.manifesto-content h1,.manifesto-content h2,.manifesto-content h3{color:var(--text);font-family:var(--font-main);margin:24px 0 12px;letter-spacing:-.02em}.manifesto-content h1{font-size:20px;font-weight:600}.manifesto-content h2{font-size:17px;font-weight:500}.manifesto-content h3{font-size:15px;font-weight:500}.manifesto-content p{margin-bottom:16px}.manifesto-content strong,.manifesto-content em{color:var(--text)}.manifesto-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.manifesto-content ul,.manifesto-content ol{margin-bottom:16px;padding-left:20px}.manifesto-content li{margin-bottom:6px}.manifesto-content blockquote{border-left:2px solid var(--border);padding-left:16px;margin:16px 0;color:var(--dim);font-style:italic}.manifesto-content code{background:#ffffff0a;padding:2px 6px;border-radius:3px;font-size:12px}.manifesto-content pre{background:#ffffff05;border:1px solid var(--border);border-radius:6px;padding:16px;margin:16px 0;overflow-x:auto}.manifesto-content pre code{background:none;padding:0}.manifesto-content hr{border:none;border-top:1px solid var(--border);margin:24px 0}.manifesto-content img{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--border);margin:16px 0;display:block}.manifesto-skeleton{display:flex;flex-direction:column;gap:14px}.manifesto-skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#111 25%,#222,#111 75%);background-size:200% 100%;animation:loading 1.5s infinite linear}.manifesto-skeleton-line:nth-child(1){width:48%;height:16px}.manifesto-skeleton-line:nth-child(2){width:85%}.manifesto-skeleton-line:nth-child(3){width:70%}.manifesto-skeleton-line:nth-child(4){width:90%}.manifesto-skeleton-line:nth-child(5){width:55%}.manifesto-skeleton-line:nth-child(6){width:75%}.manifesto-skeleton-line:nth-child(7){width:40%}.manifesto-skeleton-line:nth-child(8){width:88%}.manifesto-skeleton-line:nth-child(9){width:62%}.manifesto-skeleton-line:nth-child(10){width:30%}.electric-border{position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.eb-canvas{display:block}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-glow-1{border:2px solid rgba(255,255,255,.6);filter:blur(1px)}.eb-glow-2{border:2px solid rgba(255,255,255,.3);filter:blur(4px)}.eb-background-glow{z-index:-1;transform:scale(1.1);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,rgba(255,255,255,.3),transparent,rgba(255,255,255,.2))}.status-bar{position:fixed;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;color:var(--dim);display:flex;gap:20px;z-index:10}.status-item span{color:var(--text)}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;mask-image:radial-gradient(circle at center,black 25%,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,black 25%,transparent 70%);opacity:.18}.floating-orbs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;will-change:transform}.particle-field{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.cursor-spotlight{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;transition:background .1s ease}