:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--accent-primary: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--container-width: 1200px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.global-spotlight-overlay{position:fixed;inset:0;pointer-events:none;z-index:999;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.03) 0%,transparent 40%);mix-blend-mode:screen}.global-spotlight-overlay:after{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),rgba(59,130,246,.05) 0%,transparent 50%);filter:blur(20px)}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,#fff,#ffffff80);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(255,255,255,.1);filter:drop-shadow(0 0 5px rgba(255,255,255,.1))}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{padding:1rem 0;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bg-tertiary)}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.95rem;color:var(--text-secondary)}.nav-links a:hover{color:var(--text-primary)}@media(max-width:768px){.nav-links{display:none}}.home-container{position:relative;width:100%;height:100vh;background-color:#000;overflow:hidden;display:flex;justify-content:center;align-items:center}.home-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;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)' opacity='0.05'/%3E%3C/svg%3E");opacity:.15;z-index:1;pointer-events:none;mix-blend-mode:color-dodge;animation:smokeMove 30s linear infinite}.content-wrapper{position:relative;z-index:2;text-align:center}.main-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:8rem;font-weight:700;line-height:1;letter-spacing:.1em;margin:0;position:relative;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.9);text-stroke:2px rgba(255,255,255,.9);filter:drop-shadow(0 0 8px rgba(255,255,255,.3));transition:all .3s ease}.main-title:before{content:"SEEMANTH";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,1) 0%,transparent 60%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-stroke:0;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));pointer-events:none;z-index:1}.letter-wrapper{position:relative;display:inline-block}.letter{display:inline-block;position:relative;transition:transform .3s ease}.letter:hover{transform:translateY(-5px)}.subtitle{margin-top:1.5rem;font-family:Inter,sans-serif;font-size:1.5rem;color:#666;letter-spacing:.2em;text-transform:uppercase}@media(max-width:768px){.main-title{font-size:4rem;-webkit-text-stroke:1.5px rgba(255,255,255,.9);text-stroke:1.5px rgba(255,255,255,.9)}}@keyframes smokeMove{0%{transform:translate(0)}to{transform:translate(-50px,-50px)}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height)}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.greeting{display:block;font-size:1.2rem;color:var(--accent-primary);margin-bottom:1rem;font-weight:500}.name{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:1rem}.title{font-size:2rem;color:var(--text-secondary);font-weight:500;margin-bottom:1.5rem}.description{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1rem}.btn{padding:.8rem 1.8rem;border-radius:50px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease;text-align:center}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background-color:#e4e4e7;box-shadow:0 0 15px #fff3}.btn-outline{border:1px solid var(--text-tertiary);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d}.hero-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.profile-image{width:350px;height:350px;object-fit:cover;border-radius:50%;border:4px solid var(--bg-secondary);position:relative;z-index:2;box-shadow:0 20px 40px #0000004d}.image-blob{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);z-index:1;opacity:.6}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text{order:2}.hero-image-wrapper{order:1}.description{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.name{font-size:3rem}.profile-image{width:250px;height:250px}.image-blob{width:300px;height:300px}}.skills-section{background-color:var(--bg-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-card{background:var(--bg-secondary);padding:2rem;border-radius:12px;border:1px solid var(--bg-tertiary);transition:transform .2s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--text-tertiary)}.skill-category{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:1px solid var(--bg-tertiary);padding-bottom:.5rem;display:inline-block}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:#ffffff0d;color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:all .2s ease}.skill-tag:hover{background:var(--text-primary);color:var(--bg-primary)}.experience-section{background-color:var(--bg-primary)}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.experience-list{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.experience-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:16px;padding:2rem;transition:all .2s ease}.experience-card:hover{border-color:var(--text-tertiary);transform:translateY(-2px)}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.exp-role{font-size:1.3rem;color:var(--text-primary);margin-bottom:.3rem;font-weight:600}.exp-company{font-size:1rem;color:var(--text-primary);font-weight:400}.exp-meta{text-align:right;display:flex;flex-direction:column;gap:.3rem}.exp-period{color:var(--text-primary);font-weight:500}.exp-location{color:var(--text-secondary);font-size:.9rem}.exp-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.exp-skills{display:flex;flex-wrap:wrap;gap:.6rem}.exp-skill-tag{background:var(--bg-primary);border:1px solid var(--bg-tertiary);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500}@media(max-width:768px){.exp-header{flex-direction:column}.exp-meta{text-align:left;flex-direction:row;gap:1rem}}.projects-section{background-color:var(--bg-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.project-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:var(--bg-tertiary);box-shadow:0 20px 40px -5px #0006}.project-image-wrapper{height:200px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-icon{width:100%;height:100%;opacity:.5}.icon-0{background:linear-gradient(45deg,#3b82f6,#8b5cf6)}.icon-1{background:linear-gradient(45deg,#ec4899,#ef4444)}.icon-2{background:linear-gradient(45deg,#10b981,#3b82f6)}.project-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.project-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{font-size:.75rem;padding:.25rem .6rem;background:#ffffff1a;color:var(--text-primary);border-radius:6px;font-weight:500}.project-links{display:flex;gap:1rem}.project-link{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;text-align:center;flex:1;transition:all .2s ease}.code-link{background:var(--bg-tertiary);color:var(--text-primary)}.code-link:hover{background:var(--text-tertiary)}.demo-link{background:var(--text-primary);color:var(--bg-primary)}.demo-link:hover{background:#e4e4e7}.contact-section{background-color:var(--bg-primary);padding-bottom:2rem}.contact-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;max-width:1000px;margin:0 auto 4rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1.5rem;transition:transform .2s ease}.info-card:hover{border-color:var(--text-tertiary);transform:translate(5px)}.info-icon{font-size:1.2rem;color:var(--text-primary);background:#ffffff0d;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-card:hover .info-icon{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 0 15px #ffffff4d}.info-card h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.2rem}.info-card a,.info-card p{color:var(--text-primary);font-weight:500}.social-links-mini{display:flex;gap:1rem}.social-links-mini a{text-decoration:underline;font-size:.95rem}.contact-form{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);padding:2.5rem;border-radius:16px}.form-title{margin-bottom:2rem;font-size:1.2rem;color:var(--text-primary)}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}input,textarea{width:100%;padding:1rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:border-color .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-primary)}.submit-btn{width:100%;padding:1rem;background:var(--text-primary);color:var(--bg-primary);border-radius:8px;font-weight:600;margin-top:1rem;transition:opacity .2s ease}.submit-btn:hover{opacity:.9}.footer{text-align:center;color:var(--text-tertiary);font-size:.9rem;padding-top:2rem;border-top:1px solid var(--bg-tertiary)}@media(max-width:768px){.contact-wrapper{grid-template-columns:1fr;gap:2rem}}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.status-message{margin-top:1rem;padding:.8rem;border-radius:8px;font-size:.9rem;text-align:center}.status-message.success{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.status-message.error{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2)}
