:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top center,#1a1a2e,#111)}.container{max-width:100%;margin:0 auto;padding:4rem 2rem;text-align:center}header{margin-bottom:3rem;animation:fadeIn 1s ease-out}.profile-pic-container{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.1);box-shadow:0 0 20px #646cff33;transition:transform .3s;cursor:pointer}.profile-pic-container.spin{animation:spin 1s ease-in-out}.profile-pic-container.bounce{animation:bounce 1s ease-in-out}.profile-pic-container.shake{animation:shake .5s ease-in-out}.profile-pic-container.pulse{animation:pulse 1s ease-in-out}.profile-pic-container.flip{animation:flip 1s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.profile-pic-container:hover{transform:scale(1.05);border-color:#646cff}.profile-pic{width:100%;height:100%;object-fit:cover}h1{font-size:3.2em;line-height:1.1;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.2rem;color:#888;margin:0}section{margin-bottom:4rem;animation:slideUp .8s ease-out both}section.about{animation-delay:.2s}section.projects{animation-delay:.4s}h2{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;position:relative;display:inline-block}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;text-align:left}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;text-decoration:none;color:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column}.project-img{width:100%;height:200px;object-fit:cover;background-color:#ffffff0d}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-card:hover{background:#646cff1a;border-color:#646cff;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.project-card h3{margin:0 0 .5rem;font-size:1.3rem;color:#fff}.project-card p{font-size:.95rem;color:#aaa;line-height:1.5;margin-bottom:1rem}.link-text{color:#646cff;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:4px}footer{margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;animation:fadeIn 1s ease-out .6s both}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.social-links a,.social-btn{color:#888;transition:color .3s,transform .3s;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;position:relative}.social-links a:hover,.social-btn:hover{color:#646cff;transform:translateY(-3px)}.tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#646cff;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;animation:fadeIn .2s;white-space:nowrap}.copyright{font-size:.8rem;color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){h1{font-size:2.5rem}.project-grid{grid-template-columns:1fr}.coming-soon{text-align:center;color:#666;font-style:italic;margin-top:2rem;font-size:.9rem;animation:fadeIn 1s ease-out .8s both}}