:root{--primary-bg: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--primary-bg);color:var(--text-primary);overflow-x:hidden;overflow-y:auto;min-height:100vh;width:100vw;position:relative}#root{width:100%;height:100%}#background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.main-container{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 1rem 40px;pointer-events:none}.top-bar{position:fixed;top:0;left:0;width:100%;min-height:70px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;z-index:100;pointer-events:auto;background:rgba(15,23,42,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border)}.header-stats{display:flex;gap:2rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-value{font-size:1.1rem;font-weight:700;color:var(--accent-color)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.weather-widget{flex-direction:row;gap:.5rem;align-items:center;padding-left:1.5rem;border-left:1px solid var(--glass-border)}.weather-icon{font-size:1.25rem}.logo-group{display:flex;align-items:center}.terminal-container{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;pointer-events:none}.terminal-status{pointer-events:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:var(--accent-color);background:rgba(0,0,0,.3);padding:.4rem 1rem;border-radius:6px;border:1px solid rgba(56,189,248,.2);min-width:260px;text-align:center;text-shadow:0 0 8px rgba(56,189,248,.4)}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.logo{position:relative;font-size:1.5rem;font-weight:700;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo:before,.logo:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;opacity:0;transition:opacity .2s}.logo:hover:before{opacity:.8;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:#0ff}.logo:hover:after{opacity:.8;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite;color:#f0f}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.content-card{max-width:600px;padding:3rem;border-radius:24px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080;text-align:center;pointer-events:auto;will-change:transform;animation:fadeIn 1s ease-out}.content-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px #0009}h1{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem;font-weight:700}.highlight{color:var(--accent-color)}.profile-summary{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem}.skill-tag{padding:.5rem 1rem;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:9999px;color:var(--accent-color);font-size:.875rem;font-weight:600;transition:all .2s}.skill-tag:hover{background:rgba(56,189,248,.2);transform:scale(1.05)}.highlighted-tag{background:rgba(56,189,248,.3);border:1px solid var(--accent-color);box-shadow:0 0 15px #38bdf84d}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.linkedin-button{padding:1rem 2rem;background:rgba(10,102,194,.1);color:#0a66c2;border:1px solid rgba(10,102,194,.4);border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .2s}.linkedin-button:hover{background:rgba(10,102,194,.2);transform:translateY(-2px);border-color:#0a66c2}.cta-button{display:inline-block;text-decoration:none;padding:1rem 2rem;background:var(--text-primary);color:var(--primary-bg);border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,background-color .2s}.cta-button:hover{transform:translateY(-2px);background-color:#e2e8f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.top-bar{padding:0 1.5rem}}@media (max-width: 768px){.top-bar{flex-direction:column;padding:1rem;height:auto;min-height:120px;justify-content:center;gap:.8rem}.main-container{padding-top:180px}.terminal-container{position:relative;left:0;transform:none;width:100%;display:flex;justify-content:center}.terminal-status{min-width:100%;font-size:.75rem;padding:.3rem .5rem}.header-stats{width:100%;justify-content:space-around;gap:.5rem;border-top:1px solid var(--glass-border);padding-top:.5rem}.logo{font-size:1.25rem}.weather-widget{padding-left:.5rem}.stat-value{font-size:.9rem}.stat-label{font-size:.6rem}.content-card{margin:1rem;padding:2rem 1.25rem;width:100%;max-width:95vw}h1{font-size:1.7rem}.profile-summary{font-size:1rem}.skill-tag{font-size:.75rem;padding:.4rem .8rem}.button-group{flex-direction:column;width:100%}.cta-button,.linkedin-button{width:100%;text-align:center}}@media (max-width: 480px){.main-container{padding-top:220px}}