:root{--bg-primary: #080808;--bg-secondary: #121212;--text-primary: #f3f3f3;--text-secondary: #a3a3a3;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif;--font-handwriting: "Caveat", cursive;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 12px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;display:flex;justify-content:center;align-items:center;line-height:1.7;overflow-x:hidden;position:relative}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::selection{background:#3b82f64d;color:#fff}.container{max-width:640px;width:100%;padding:var(--space-lg);position:relative;z-index:1}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:3.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 40px #0003;opacity:0;animation:fadeIn .8s cubic-bezier(.2,.8,.2,1) forwards;transition:border-color .3s ease}.card:hover{border-color:#ffffff1f}.profile-header{display:flex;gap:2rem;align-items:center;margin-bottom:2.5rem}.profile-pic-wrapper{position:relative}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border);filter:grayscale(100%) contrast(1.1);transition:var(--transition-medium)}.profile-pic:hover{filter:grayscale(0%) contrast(1);transform:scale(1.05);border-color:var(--accent-secondary)}.profile-info h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.location{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;background:#1f4054;padding:.25rem .75rem;border-radius:100px}.location .material-icons-round{font-size:1rem;color:var(--text-secondary)}.about{color:#d1d5db;font-size:1.05rem;margin-bottom:2.5rem}.about p{margin-bottom:1.5rem;opacity:0;animation:slideUp .6s cubic-bezier(.2,.8,.2,1) forwards}.about p:nth-child(1){animation-delay:.2s}.about p:nth-child(2){animation-delay:.3s}.about p:nth-child(3){animation-delay:.4s}.about p:nth-child(4){animation-delay:.5s}.signature{font-family:var(--font-handwriting);font-size:2rem;color:var(--text-secondary);margin-top:2rem;transform:rotate(-2deg);opacity:0;animation:fadeIn 1s ease .8s forwards}.links{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:slideUp .6s cubic-bezier(.2,.8,.2,1) .6s forwards}.link-button{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition-fast);position:relative;overflow:hidden}.link-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:.5s}.link-button:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.link-button:hover:before{transform:translate(100%)}.link-icon{font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes charReveal{0%{opacity:0;transform:translateY(10px);text-shadow:0 4px 8px rgba(0,0,0,.5)}to{opacity:1;transform:translateY(0);text-shadow:0 0 20px rgba(255,255,255,.3)}}.char-reveal{display:inline-block;opacity:0;animation:charReveal .8s cubic-bezier(.2,.8,.2,1) forwards;white-space:pre}@media(max-width:640px){.card{padding:2rem}.profile-header{flex-direction:column;text-align:center;gap:1.5rem}.profile-info h1{font-size:2rem}.links{justify-content:center}}