:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f8fafc;background:radial-gradient(circle at top,#1e293b 0%,#020617 55%,#01040d 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit}img{max-width:100%}.portfolio-shell{color:#fff;background:linear-gradient(90deg,#111827 0%,#000 50%,#111827 100%);min-height:100vh;padding:2rem 1.5rem 4rem;font-family:Segoe UI,sans-serif}.profile-container{text-align:left;flex-direction:row;justify-content:center;align-items:center;gap:1rem;max-width:1100px;margin:0 auto 2rem;display:flex}.profile-image-wrapper{flex-shrink:0;width:140px;height:140px;position:relative}.profile-image-border{background:conic-gradient(#fdc700,#e6683c,#6a2f9a,#ad46ff,#320556);border-radius:999px;animation:8s linear infinite spin;position:absolute;inset:0}.profile-image{object-fit:cover;border:4px solid #050816;border-radius:999px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.profile-text{flex-direction:column;gap:.6rem;display:flex}.profile-name{background:linear-gradient(90deg,#60a5fa,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,3.8vw,3rem);font-weight:800}.profile-subtitle-row{flex-wrap:wrap;gap:.4rem;display:flex}.profile-subtitle{color:#fbbf24;font-size:1rem;font-weight:700}.typing .cursor{color:#ffd54a;margin-left:6px;animation:1s steps(2,start) infinite blink;display:inline-block}.intro-section{background:#111827d9;border-radius:1rem;max-width:900px;margin:0 auto 2rem;padding:1.25rem 1.5rem;box-shadow:0 10px 30px #00000040}.text-desc{color:#d1d5db;white-space:pre-line;margin:0;font-size:1.05rem;line-height:1.8}.section-title{color:#e5e7eb;max-width:1100px;margin:2rem auto 1rem;font-size:1.7rem;font-weight:800}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1100px;margin:0 auto;display:grid}.shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-card,.photo-card{background:#111827e6;border:1px solid #ffffff1f;border-radius:1rem;overflow:hidden;box-shadow:0 12px 30px #0003}.iframe-shell{width:100%}.iframe-shell iframe,.iframe-placeholder{aspect-ratio:16/9;border:0;width:100%;display:block}.iframe-placeholder{background:linear-gradient(90deg,#374151 0%,#111827 100%);animation:1.2s ease-in-out infinite pulse}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1100px;margin:0 auto;display:grid}.photo-card img{object-fit:cover;width:100%;height:250px;display:block}.photo-card h3{color:#f3f4f6;margin:0;padding:.9rem 1rem 1rem}.contact-section{max-width:1100px;margin:2.5rem auto 0}.social-links{flex-wrap:wrap;gap:.7rem;display:flex}.social-button{color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 18px #00000040}.social-button:hover{opacity:.95;transform:translateY(-2px)}.social-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.social-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.social-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.social-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.social-indigo{background:linear-gradient(135deg,#4f46e5,#4338ca)}.social-dark{background:linear-gradient(135deg,#111827,#030712)}.social-green{background:linear-gradient(135deg,#22c55e,#16a34a)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (width<=900px){.profile-container{text-align:center;flex-direction:column;align-items:center}.showcase-grid,.photo-grid,.shorts-grid{grid-template-columns:1fr}}@media (width<=640px){.portfolio-shell{padding:1.25rem 1rem 2.5rem}.profile-image-wrapper{width:120px;height:120px}.profile-name{font-size:1.8rem}.profile-subtitle{font-size:.9rem}.section-title{font-size:1.35rem}}