*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060a0a;--card: #0c1412;--accent: #00e5c0;--accent2: #00b89c;--text: #e8f5f3;--muted: #5a7a76;--border: rgba(0, 229, 192, .15);--surface: rgba(0, 229, 192, .05)}html,body{background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh}a{color:inherit;text-decoration:none}.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:0;animation:floatUp linear infinite;will-change:transform,opacity}@keyframes floatUp{0%{transform:translateY(100vh);opacity:0}10%{opacity:.5}90%{opacity:.2}to{transform:translateY(-10vh);opacity:0}}.header{position:relative;z-index:2;width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;padding:24px 20px 12px;border-bottom:1px solid var(--border)}.logo{font-family:Syne,sans-serif;font-size:16px;letter-spacing:1px;color:var(--accent)}.portfolio-tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.wrap{position:relative;z-index:2;width:100%;max-width:480px;padding:0 0 32px}.available{display:flex;align-items:center;gap:10px;padding:20px 20px 0}.available-line{width:32px;height:1px;background:var(--accent)}.available-text{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.profile-row{display:flex;align-items:center;gap:14px;padding:16px 20px}.avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);flex-shrink:0;box-shadow:0 0 16px #00e5c04d;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:22px;color:var(--bg);background:radial-gradient(circle at 30% 30%,var(--accent),var(--accent2))}.profile-info .name-small{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:var(--text)}.profile-info .handle{font-size:12px;color:var(--muted);margin-top:2px}.big-name{padding:8px 20px 4px}.big-name h1{font-family:Syne,sans-serif;font-size:52px;font-weight:800;line-height:1;color:var(--text)}.big-name h1 span{color:var(--accent)}.big-name .subtitle{font-size:13px;color:var(--muted);margin-top:10px;letter-spacing:.5px}.quote-block{margin:16px 20px;padding:16px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;font-size:14px;line-height:1.8;color:#a0c4bf}.status-tag{display:inline-flex;align-items:center;gap:8px;margin:0 20px 8px;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.section-title{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);padding:20px 20px 10px;display:flex;align-items:center;gap:12px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.about-grid{padding:0 20px;display:flex;flex-direction:column;gap:8px}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .2s,transform .2s}.about-card:hover{border-color:#00e5c066;transform:translate(4px)}.about-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.about-value{font-size:15px;font-weight:500;color:var(--text)}.about-value.accent{color:var(--accent);font-size:13px;word-break:break-all}.skills-wrap{padding:0 20px;display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:7px 14px;border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .2s;cursor:default}.skill-tag:hover{background:#00e5c01a;border-color:var(--accent);color:var(--accent)}.skill-tag.active{background:#00e5c01f;border-color:var(--accent);color:var(--accent)}.links{padding:0 20px;display:flex;flex-direction:column;gap:8px}.link-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .25s ease;position:relative;overflow:hidden}.link-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,229,192,.05),transparent);transform:translate(-100%);transition:transform .4s ease;pointer-events:none}.link-btn:hover:after{transform:translate(100%)}.link-btn:hover{border-color:#00e5c066;background:#00e5c00f;transform:translateY(-2px);box-shadow:0 8px 24px #00e5c01a}.link-btn:active{transform:scale(.98)}.icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:20px;height:20px}.link-btn.gh .icon{background:linear-gradient(135deg,#24292e,#0d1117);border:1px solid #444}.link-btn.fb .icon{background:linear-gradient(135deg,#1877f2,#0a5dc2)}.link-btn.ig .icon{background:radial-gradient(circle at 30% 107%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.link-btn.tt .icon{background:linear-gradient(135deg,#010101,#1a1a2e);border:1px solid #333}.link-btn.dc .icon{background:linear-gradient(135deg,#5865f2,#3b47c9)}.btn-text{display:flex;flex-direction:column;gap:2px}.btn-label{font-size:14px;font-weight:600;color:var(--text)}.btn-sub{font-size:11px;color:var(--muted)}.arrow{margin-left:auto;color:var(--muted);font-size:16px;transition:transform .2s,color .2s}.link-btn:hover .arrow{transform:translate(3px);color:var(--accent)}.footer{position:relative;z-index:2;text-align:center;padding:16px;font-size:11px;color:var(--muted);letter-spacing:1px}.footer a{color:var(--accent)}