*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{background:#000;font-family:Space Grotesk,sans-serif}:root{--bg: #000000;--bg2: #070b10;--cyan: #00e5ff;--cyan-dim: #00b4cc;--cyan-glow: rgba(0, 229, 255, .15);--cyan-faint: rgba(0, 229, 255, .06);--green: #39ff14;--green-dim: rgba(57, 255, 20, .7);--white: #ffffff;--gray: rgba(255, 255, 255, .5);--gray-dim: rgba(255, 255, 255, .15);--border: rgba(0, 229, 255, .18);--border-hi: rgba(0, 229, 255, .45);--card-bg: rgba(4, 14, 22, .92);--font-main: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}.scene{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden;padding:24px}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 40%,transparent 100%);pointer-events:none}.scene:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse at center,rgba(0,229,255,.07) 0%,transparent 65%);pointer-events:none}.scene:after{content:"";position:absolute;bottom:-20%;right:-10%;width:55%;height:55%;background:radial-gradient(ellipse at center,rgba(57,255,20,.04) 0%,transparent 65%);pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:10;opacity:.4}.corner-tl,.corner-tr,.corner-bl,.corner-br{position:absolute;width:70px;height:70px;pointer-events:none;z-index:5}.corner-tl{top:20px;left:20px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);opacity:.35}.corner-tr{top:20px;right:20px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);opacity:.35}.corner-bl{bottom:20px;left:20px;border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan);opacity:.35}.corner-br{bottom:20px;right:20px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);opacity:.35}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--cyan);border-radius:50%;opacity:0;animation:floatParticle calc(6s + var(--i) * .8s) ease-in-out infinite;left:calc(var(--i) * 5.2%);top:calc(100% - 10px);box-shadow:0 0 4px var(--cyan)}.particle:nth-child(odd){background:var(--green);box-shadow:0 0 4px var(--green);width:1.5px;height:1.5px}.particle:nth-child(3n){width:3px;height:3px}@keyframes floatParticle{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.3}to{transform:translateY(-100vh) translate(calc(sin(var(--i))*40px));opacity:0}}.card-wrapper{position:relative;z-index:20;width:100%;max-width:920px;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #00e5ff0d,0 0 40px #00e5ff14,0 0 80px #00e5ff0a,inset 0 1px #ffffff0a;backdrop-filter:blur(24px) saturate(160%);transition:transform .15s ease,box-shadow .3s ease;overflow:hidden}.card-wrapper:hover{box-shadow:0 0 0 1px #00e5ff1f,0 0 60px #00e5ff1f,0 0 120px #00e5ff0f,inset 0 1px #ffffff0f}.card-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:sheen 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes sheen{0%,to{left:-100%;opacity:0}40%{opacity:1}60%{left:160%;opacity:0}}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#00e5ff0a;border-bottom:1px solid var(--border);position:relative;z-index:2;color:var(--gray);font-size:11px}.status-left,.status-right{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green),0 0 16px #39ff1466;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.status-online{color:var(--green);font-size:11px;letter-spacing:.1em}.card-body{display:flex;gap:0;padding:32px;position:relative;z-index:2;align-items:flex-start}.profile-col{display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0;width:220px;position:relative}.avatar-ring-wrap{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;border-radius:50%;border:1px solid var(--cyan);animation:spin-ring linear infinite}.ring-1{width:195px;height:195px;border-color:#00e5ff66;border-top-color:var(--cyan);border-width:1.5px;animation-duration:8s}.ring-2{width:215px;height:215px;border-color:#00e5ff1f;border-right-color:#00e5ff80;animation-duration:14s;animation-direction:reverse}.ring-3{width:235px;height:235px;border-color:#00e5ff0f;border-bottom-color:#39ff144d;animation-duration:20s}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-frame{position:relative;width:165px;height:165px;border-radius:50%;overflow:hidden;border:2px solid var(--cyan-dim);box-shadow:0 0 20px #00e5ff40,0 0 60px #00e5ff1a,inset 0 0 30px #00e5ff0d;z-index:2;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:filter .4s ease}.avatar-img:hover{filter:brightness(1.1) saturate(1.1)}.avatar-scan{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan-move 3s ease-in-out infinite;opacity:.6;pointer-events:none}@keyframes scan-move{0%{top:0%;opacity:0}10%{opacity:.6}90%{opacity:.4}to{top:100%;opacity:0}}.tech-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:4px;padding:3px 8px;transition:all .25s ease}.badge:hover{background:#00e5ff29;border-color:var(--cyan);box-shadow:0 0 10px #00e5ff33}.v-divider{display:flex;flex-direction:column;align-items:center;gap:4px;position:absolute;right:-1px;top:50%;transform:translateY(-50%);height:60%}.divider-line{flex:1;width:1px;background:linear-gradient(to bottom,transparent,var(--border-hi),transparent)}.divider-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.info-col{flex:1;padding-left:32px;display:flex;flex-direction:column;gap:18px;min-width:0}.name-block{display:flex;flex-direction:column;gap:6px}.name-tag{font-size:11px;color:var(--cyan);letter-spacing:.15em;opacity:.8}.name{font-family:var(--font-main);font-size:2.6rem;font-weight:700;color:var(--white);letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,#fff,#a8fff9 60%,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.position-wrap{display:flex;align-items:center;gap:4px}.position-bracket{color:var(--cyan);font-size:.9rem;opacity:.6}.position{font-family:var(--font-mono);font-size:.72rem;color:#ffffffb3;letter-spacing:.05em}.h-divider{height:1px;background:linear-gradient(90deg,var(--border-hi) 0%,transparent 100%);width:100%}.bio-terminal{background:#00000080;border:1px solid var(--border);border-radius:10px;overflow:hidden}.terminal-header{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#00e5ff0a;border-bottom:1px solid var(--border)}.t-dot{width:10px;height:10px;border-radius:50%}.t-dot.red{background:#ff5f57}.t-dot.yellow{background:#febc2e}.t-dot.green{background:#28c840}.t-title{font-size:11px;color:var(--gray);margin-left:4px}.terminal-body{padding:14px;display:flex;gap:8px;align-items:flex-start}.prompt{color:var(--cyan);flex-shrink:0;font-size:13px;margin-top:1px}.bio-text{font-family:var(--font-main);font-size:.85rem;line-height:1.65;color:#fffc;font-weight:300}.bio-text em{color:var(--cyan);font-style:normal;font-weight:500}.bio-text strong{color:#fffffff2;font-weight:500}.stats-row{display:flex;align-items:center;gap:0;background:#00e5ff0a;border:1px solid var(--border);border-radius:10px;overflow:hidden}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;transition:background .25s ease}.stat-item:hover{background:#00e5ff12}.stat-val{font-family:var(--font-main);font-size:1.5rem;font-weight:700;color:var(--cyan);line-height:1}.stat-label{font-size:9px;color:var(--gray);letter-spacing:.12em;text-transform:uppercase}.stat-sep{width:1px;height:36px;background:var(--border);flex-shrink:0}.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-family:var(--font-main);font-size:.82rem;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:all .25s ease;position:relative;overflow:hidden;cursor:pointer}.action-btn i{font-size:15px}.action-btn.primary{background:var(--cyan);color:#000;box-shadow:0 0 20px #00e5ff4d}.action-btn.primary:hover{background:#fff;box-shadow:0 0 30px #00e5ff80,0 4px 20px #00e5ff4d;transform:translateY(-2px)}.action-btn.primary:active{transform:translateY(0)}.action-btn.portfolio{background:linear-gradient(135deg,#00e5ff,#39ff14);color:#000;font-weight:600;box-shadow:0 0 20px #39ff1440,0 0 20px #00e5ff26}.action-btn.portfolio:hover{background:linear-gradient(135deg,#39ff14,#00e5ff);box-shadow:0 0 35px #39ff1466,0 4px 20px #00e5ff4d;transform:translateY(-2px)}.action-btn.portfolio:active{transform:translateY(0)}.btn-glow{position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(45deg,var(--cyan),var(--green),var(--cyan));z-index:-1;opacity:0;transition:opacity .3s;background-size:200%;animation:glow-shift 3s linear infinite}.action-btn.primary:hover .btn-glow{opacity:.5}@keyframes glow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.action-btn.secondary{background:#00e5ff12;color:var(--white);border:1px solid var(--border)}.action-btn.secondary:hover{background:#00e5ff24;border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);box-shadow:0 4px 16px #00e5ff26}.action-btn.icon-only{padding:10px 14px;background:#ffffff0a;color:var(--gray);border:1px solid var(--border)}.action-btn.icon-only:hover{background:#00e5ff1a;color:var(--cyan);border-color:var(--cyan);transform:translateY(-2px)}.cmd-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray);padding-top:4px;min-height:20px}.prompt-sym{color:var(--cyan);font-weight:700}.cmd-text{color:#fff9}.cursor-blink{color:var(--cyan);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.data-strip{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#00e5ff08;border-top:1px solid var(--border);position:relative;z-index:2;flex-wrap:wrap}.data-strip .mono{font-size:10px;color:var(--gray);letter-spacing:.08em}.strip-sep{color:var(--border-hi);font-size:12px}.cyan{color:var(--cyan)}.mono{font-family:var(--font-mono)}@media (max-width: 720px){.card-body{flex-direction:column;align-items:center;padding:24px 20px;gap:24px}.profile-col{width:100%;flex-direction:column;align-items:center}.v-divider{display:none}.info-col{padding-left:0;width:100%}.name{font-size:2rem}.ring-2{width:195px;height:195px}.ring-3{width:210px;height:210px}.avatar-ring-wrap{width:165px;height:165px}.avatar-frame{width:150px;height:150px}.data-strip{justify-content:center;gap:8px}}@media (max-width: 480px){.scene{padding:12px}.card-body{padding:20px 16px}.name{font-size:1.7rem}.stats-row{flex-wrap:wrap}.stat-item{min-width:33%}.action-row{gap:8px}.action-btn{padding:9px 16px;font-size:.78rem}.corner-tl,.corner-tr,.corner-bl,.corner-br{width:40px;height:40px}}