*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f0f2f5;--text-primary:#000;--text-secondary:#4a5568;--accent-primary:#0052cc;--accent-secondary:#06f;--border-color:rgba(0,82,204,.15);--font-mono:"SF Mono","Fira Code","Courier New",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.wrapper{background:linear-gradient(180deg,#fff,#f8f9fa);min-height:100vh;position:relative}.grid-bg{background-image:linear-gradient(rgba(0,82,204,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,82,204,.05) 1px,transparent 0);background-size:40px 40px;height:100%;left:0;opacity:.8;pointer-events:none;position:fixed;top:0;width:100%}.content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem;position:relative;z-index:1}.header{animation:fadeInUp .8s ease;margin-bottom:3rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.name{color:var(--text-primary);font-size:clamp(2.8rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.title{color:var(--accent-primary);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.title,.typing-container{font-family:var(--font-mono)}.typing-container{font-size:clamp(.9rem,1.5vw,1.1rem);min-height:1.5rem}.typed-text,.typing-container{color:var(--text-secondary)}.cursor{color:var(--accent-primary);font-weight:400;opacity:0;transition:opacity .1s}.cursor.visible{opacity:1}.main-content{animation:fadeInUp .8s ease .2s both;width:100%}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:2.5rem}.card-header{align-items:center;display:flex;font-family:var(--font-mono);font-size:.9rem;gap:.5rem;margin-bottom:1.5rem}.terminal-prompt{color:var(--accent-primary);font-weight:600}.bio,.terminal-text{color:var(--text-secondary)}.bio{font-size:clamp(1.05rem,1.5vw,1.15rem);font-weight:400;line-height:1.8}.actions,.bio{margin-bottom:2rem}.actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{align-items:center;border:1px solid transparent;border-radius:6px;display:flex;flex:1;font-family:var(--font-mono);font-size:.95rem;font-weight:500;justify-content:space-between;min-width:150px;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:transparent;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.btn-secondary{background:transparent;border-color:#00000040;border-width:2px;color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-primary);transform:translateY(-2px)}.btn-arrow{transition:transform .2s ease}.btn:hover .btn-arrow{transform:translate(4px)}.skills{display:flex;flex-wrap:wrap;gap:.75rem}.skill{background:var(--bg-secondary);border:2px solid rgba(0,82,204,.25);border-radius:4px;color:var(--accent-primary);font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.375rem .875rem;transition:all .2s ease}.skill:hover{background:#0066cc1a;border-color:var(--accent-primary)}.footer{align-items:center;bottom:2rem;color:var(--text-secondary);display:flex;font-family:var(--font-mono);font-size:.85rem;gap:.75rem;position:absolute}.footer-divider{color:#6d767e66}.footer-version{color:var(--accent-primary);opacity:.7}@media (max-width:768px){.content{padding:1.5rem}.header{margin-bottom:2rem}.name{font-size:2.5rem}.title{font-size:1.1rem}.card{padding:2rem 1.5rem}.actions{flex-direction:column}.btn{min-width:unset;width:100%}}@media (max-width:480px){.name{font-size:2.2rem;font-weight:800}.title{font-size:1.05rem;font-weight:500}.typing-container{font-size:.9rem}.card{border:1px solid rgba(0,0,0,.15);box-shadow:0 10px 35px #00000026;padding:1.75rem 1.25rem}.bio{color:#2d3748;font-size:1rem;font-weight:400}.btn{box-shadow:0 2px 8px #0000001a;font-size:.95rem;font-weight:600;padding:1rem 1.5rem}.skill{font-size:.85rem;font-weight:500;padding:.4rem .8rem}.footer{font-size:.8rem}}@media (min-width:1440px){.content{max-width:1000px}.name{font-size:4.5rem}.title{font-size:1.5rem}}