@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&display=swap";:root{--bg-primary:#1a1a1a;--bg-secondary:#fff;--bg-card:#222;--text-light:#f4f4f4;--text-dark:#121212;--accent-color:#0fa;--text-muted:#888;--font-main:"Inter", sans-serif;--transition-fast:.2s ease-in-out;--transition-smooth:.5s cubic-bezier(.25, 1, .5, 1);--section-padding:100px 5%}html{scroll-behavior:smooth;box-sizing:border-box}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-light);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:99999;opacity:.04;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");width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:800;line-height:1}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}body,a,button,.cursor-pointer{cursor:none!important}.cursor-dot{background-color:var(--accent-color);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #ffffff80;border-radius:50%;width:40px;height:40px;position:fixed;top:0;left:0}section{padding:var(--section-padding)}.container{max-width:1200px;margin:0 auto}.section-dark,.section-light{color:inherit;background-color:#0000}.section-light .text-muted{color:#555}.accent-text{color:var(--accent-color)}.btn-primary{color:var(--accent-color);border:2px solid var(--accent-color);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);cursor:pointer;background-color:#0000;border-radius:4px;padding:16px 32px;font-size:.9rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.btn-primary:hover{background-color:var(--accent-color);color:var(--bg-primary);box-shadow:0 0 20px #0fa6}.hero-title{text-transform:uppercase;font-size:clamp(3rem,8vw,8rem)}.flex-center{justify-content:center;align-items:center;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp 1s var(--transition-smooth) forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.experience-section{padding:120px 5%}.experience-container{max-width:900px;margin:0 auto}.experience-title{margin-bottom:60px;font-size:3.5rem;font-weight:900}.experience-list-container{border-top:2px solid #eaeaea}.experience-row{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:flex-start;padding:40px 0;transition:background-color .3s;display:flex}.experience-row:hover{background-color:#ffffff05}.section-light .experience-row:hover{background-color:#fafafa}.experience-year{color:#666;width:25%;font-weight:600}.experience-details{width:45%}.experience-role{margin-bottom:8px;font-size:1.4rem;font-weight:800}.experience-bullets{color:#555;margin-top:10px;padding-left:20px;font-size:.95rem;list-style-type:disc}.experience-bullets li{margin-bottom:8px;line-height:1.6}.experience-company{text-align:right;color:#333;width:30%;font-size:1.1rem;font-weight:600}.project-row{align-items:center;gap:60px;width:100%;display:flex}.project-row.row-reverse{flex-direction:row-reverse}.project-image-column{flex:1;width:100%}.project-content-column{flex:1}.project-content-column.text-right{text-align:right}.project-content-column.text-left{text-align:left}.project-actions{align-items:center;gap:25px;display:flex}.project-actions.justify-end{justify-content:flex-end}.project-actions.justify-start{justify-content:flex-start}.project-details-grid{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding:60px;display:grid}.skills-grid{grid-template-columns:repeat(4,1fr);gap:25px;width:100%;display:grid}@media (width<=900px){.hero-title{font-size:clamp(2.5rem,6vw,4rem)}.skills-grid{grid-template-columns:repeat(2,1fr)!important}.project-card{flex-direction:column!important;gap:30px!important;margin-bottom:60px!important}.project-image-container{height:250px!important}section{padding:80px 5%!important}}@media (width<=768px){.custom-cursor-premium{display:none!important}body,a,button,.cursor-pointer{cursor:auto!important}section{padding:70px 5%!important}.hero-section{align-items:flex-start!important;min-height:100svh!important}.hero-section .container>div:first-child,.hero-section>div[style*="left: 2vw"]{display:none!important}.hero-section span[style*="font-size: clamp(5rem"]{font-size:clamp(3.5rem,18vw,6rem)!important}.hero-section div[style*="display: flex"][style*="gap: 20px"]{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}#services h2{margin-bottom:36px!important;font-size:2.2rem!important}.skills-container,section.section-dark div[style*="padding: 50px"]{gap:14px!important;padding:24px!important}.skills-grid{grid-template-columns:1fr!important;gap:20px!important}section.section-dark h2[style*="4.5rem"]{font-size:2.5rem!important}#work h2{margin-bottom:50px!important;font-size:2.5rem!important}.project-row{flex-direction:column!important;gap:28px!important}.project-image-container{height:220px!important}.project-content-column h3{font-size:1.8rem!important}.project-content-column{text-align:left!important}.project-content-column p{margin-left:0!important}.project-actions{justify-content:flex-start!important}.project-details-grid{grid-template-columns:1fr!important;gap:24px!important;padding:28px!important}#experience h2{margin-bottom:36px!important;font-size:2.2rem!important}.experience-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:24px 0!important}.experience-year,.experience-details,.experience-company{text-align:left!important;width:100%!important}.experience-company{margin-top:4px}footer .container{flex-direction:column!important;align-items:flex-start!important;gap:36px!important}footer .container>div{text-align:left!important;flex:unset!important;width:100%!important}footer div[style*="justifyContent: flex-end"],footer div[style*="justifyContent: center"]{justify-content:flex-start!important}footer h1[style*=clamp]{font-size:clamp(3rem,12vw,6rem)!important}}
