:root{--bg: #050505;--text-main: #ffffff;--text-dim: #888888;--accent: #ffffff;--border: rgba(255, 255, 255, .15);--font-main: "Inter", sans-serif;--font-accent: "Outfit", sans-serif;--mouse-x: 50%;--mouse-y: 50%}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);color:var(--text-main);display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;font-family:var(--font-accent);font-size:.8rem;letter-spacing:.4em;font-weight:600}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-main);line-height:1.5;overflow-x:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3")}#root{width:100%;position:relative;z-index:10}.container{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:100vh}.card{border-left:1px solid var(--border);padding:0 0 0 2rem;max-width:500px;width:100%}header{margin-bottom:2rem}h1{font-family:var(--font-accent);font-size:2.5rem;font-weight:600;line-height:1;margin-bottom:.5rem;letter-spacing:-.04em;text-transform:uppercase}.bio-info{font-size:.75rem;color:var(--text-dim);font-weight:500;letter-spacing:.15em;text-transform:uppercase}.description{margin-bottom:2.5rem;font-size:1rem;line-height:1.5;color:var(--text-main);max-width:400px}h2{font-family:var(--font-accent);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin-bottom:1rem;font-weight:600}.skills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.skill-tag{font-size:.8rem;border:1px solid var(--border);padding:.3rem .8rem;transition:all .2s ease}.skill-tag:hover{background:#fff;color:#000}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1rem}.projects{display:flex;flex-direction:column;gap:1rem}.project-item{display:flex;align-items:center;gap:1.25rem;color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:all .2s ease;width:fit-content}.project-item:hover{color:var(--text-main);transform:translate(8px)}.project-item svg,.remote-icon{width:18px;height:18px;object-fit:contain}.external-icon{opacity:.5;width:12px!important;height:12px!important}.contacts{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1.25rem;color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:all .2s ease;width:fit-content}.contact-item:hover{color:var(--text-main);transform:translate(8px)}.contact-item svg{width:18px;height:18px}@media (max-width: 768px){.card{padding:0 0 0 1.25rem;max-width:90%}h1{font-size:2rem}.description{font-size:.95rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}
