:root{--color-primary-light: #ffb547;--color-primary-hover-light: #ffd79d;--color-bg-light: #f8fafc;--color-sub-bg-light: #eef2ff;--color-card-light: #ffffff;--color-text-primary-light: #1a202c;--color-text-secondary-light: #64748b;--color-text-muted-light: #94a3b8;--color-accent-pink-light: #ec4899;--color-accent-cyan-light: #06b6d4;--color-accent-yellow-light: #eab308;--color-accent-green-light: #10b981;--color-primary-dark: #ffb547;--color-primary-hover-dark: #ffd79d;--color-bg-dark: #0b0f19;--color-sub-bg-dark: #111827;--color-card-dark: #1e293b;--color-text-primary-dark: #f1f5f9;--color-text-secondary-dark: #cbd5e1;--color-text-muted-dark: #94a3b8;--color-accent-purple-dark: #a78bfa;--color-accent-blue-dark: #60a5fa;--color-accent-yellow-dark: #fde047;--color-accent-green-dark: #34d399;--gradient-galaxy: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-nebula: linear-gradient(135deg, #ffb547, #ffd79d, #ff9f1c);--gradient-cosmic-dawn: linear-gradient(135deg, #ec4899, #f472b6, #fbcfe8);--gradient-space-horizon: linear-gradient(135deg, #0b0f19, #111827, #1e293b);--font-primary: "General Sans", sans-serif;--font-heading: "Satoshi", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--spacing-5xl: 120px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2)}[data-theme=light]:root,:root:not([data-theme]){--color-primary: var(--color-primary-light);--color-primary-hover: var(--color-primary-hover-light);--color-bg: var(--color-bg-light);--color-sub-bg: var(--color-sub-bg-light);--color-card: var(--color-card-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-muted: var(--color-text-muted-light);--color-accent-pink: var(--color-accent-pink-light);--color-accent-cyan: var(--color-accent-cyan-light);--color-accent-yellow: var(--color-accent-yellow-light);--color-accent-green: var(--color-accent-green-light)}[data-theme=dark]:root{--color-primary: var(--color-primary-dark);--color-primary-hover: var(--color-primary-hover-dark);--color-bg: var(--color-bg-dark);--color-sub-bg: var(--color-sub-bg-dark);--color-card: var(--color-card-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-muted: var(--color-text-muted-dark);--color-accent-pink: var(--color-accent-purple-dark);--color-accent-cyan: var(--color-accent-blue-dark);--color-accent-yellow: var(--color-accent-yellow-dark);--color-accent-green: var(--color-accent-green-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6;width:100%;max-width:100%;overflow-x:hidden}h1{font-size:clamp(48px,5vw,64px);font-weight:700;letter-spacing:.5px;line-height:1.2}h2{font-size:clamp(32px,4vw,40px);font-weight:600;letter-spacing:.25px;line-height:1.3}h3{font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:.25px}p{font-size:16px;font-weight:400;letter-spacing:0px;line-height:1.6}small{font-size:14px;font-weight:300;color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-primary);border:none;cursor:pointer;transition:all .3s ease;border-radius:var(--radius-sm)}input,textarea{font-family:var(--font-primary);background-color:var(--color-sub-bg);color:var(--color-text-primary);border:1px solid rgba(129,140,248,.2);padding:12px 16px;border-radius:var(--radius-sm);font-size:16px;transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-card);box-shadow:0 0 0 3px #a22c291a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.section{padding:var(--spacing-5xl) 0}@media(max-width:768px){.section{padding:var(--spacing-4xl) 0}.container{padding:0 16px}}@media(max-width:480px){.section{padding:var(--spacing-3xl) 0}.container{padding:0 12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bg-grid{background-image:radial-gradient(circle at center,rgba(255,255,255,.06) 0%,transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 40px)}[data-theme=light] .bg-grid{background-image:radial-gradient(circle at center,rgba(0,0,0,.04) 0%,transparent 70%),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 40px)}@media print{body{background-color:#fff;color:#000}}.floating-dock-desktop-nav{display:none;position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:999}@media(min-width:769px){.floating-dock-desktop-nav{display:block}}.floating-dock-desktop-container{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#1414148c;border:1px solid rgba(255,255,255,.15);border-radius:50px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 22px #00000059}[data-theme=light] .floating-dock-desktop-container{background:#ffffff73;border-color:#00000026;box-shadow:0 8px 22px #0000001a}.floating-dock-logo{display:flex;align-items:center;gap:4px;flex-shrink:0}.floating-dock-logo-text{font-family:Satoshi,sans-serif;font-size:18px;font-weight:700;color:#e6e6e6;letter-spacing:.5px}[data-theme=light] .floating-dock-logo-text{color:#0f172a}.floating-dock-logo-dot{background:linear-gradient(135deg,#ffb547,#ffd79d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.floating-dock-desktop-links{display:flex;list-style:none;gap:16px;margin:0;padding:0;align-items:center}.floating-dock-desktop-link{font-family:General Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;color:#fff;opacity:.5;transition:opacity .25s ease,color .25s ease,transform .25s ease;display:flex;align-items:center;gap:4px}.floating-dock-desktop-link:hover{opacity:1;transform:scale(1.05)}.floating-dock-desktop-link.active{opacity:1;font-weight:700;color:#fff}.floating-dock-nav-angle{color:#ffb547;font-weight:700;font-family:monospace;font-size:12px;opacity:0;transition:opacity .25s ease}.floating-dock-desktop-link:hover .floating-dock-nav-angle,.floating-dock-desktop-link.active .floating-dock-nav-angle{opacity:1}[data-theme=light] .floating-dock-desktop-link,[data-theme=light] .floating-dock-desktop-link.active{color:#111}.floating-dock-theme-toggle-navbar{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#fff;opacity:.6;cursor:pointer;transition:all .3s ease;flex-shrink:0}.floating-dock-theme-toggle-navbar:hover{opacity:1;transform:scale(1.1)}[data-theme=light] .floating-dock-theme-toggle-navbar{color:#111}[data-theme=light] .floating-dock-theme-toggle-navbar:hover{opacity:.8}.floating-dock-desktop-resume-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffb547;color:#040506;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:General Sans,sans-serif;cursor:pointer;transition:all .3s ease;flex-shrink:0}.floating-dock-desktop-resume-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffb5474d}.floating-dock-desktop-resume-btn:active{transform:translateY(0)}[data-theme=light] .floating-dock-desktop-resume-btn{background:#ff9f1c}.floating-dock-mobile-nav{display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:999}@media(min-width:769px){.floating-dock-mobile-nav{display:none}}.floating-dock-mobile-container{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#141414b3;border:1px solid rgba(255,255,255,.15);border-radius:50px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 22px #00000059}[data-theme=light] .floating-dock-mobile-container{background:#ffffffb3;border-color:#00000026}.floating-dock-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:#fff9;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;padding:0}.floating-dock-item:hover{color:#fff;transform:scale(1.1);background:#ffffff1a}.floating-dock-item.active{color:#ffb547;background:#ffb54726;box-shadow:0 0 12px #ffb5474d}[data-theme=light] .floating-dock-item{color:#0f172a99}[data-theme=light] .floating-dock-item:hover{color:#0f172a;background:#0f172a1a}[data-theme=light] .floating-dock-item.active{color:#ff9f1c;background:#ff9f1c26;box-shadow:0 0 12px #ff9f1c4d}.floating-dock-resume-icon{background:#ffb547;color:#040506;margin-left:4px;box-shadow:0 4px 12px #ffb5474d}.floating-dock-resume-icon:hover{background:#ffc366;transform:scale(1.15);box-shadow:0 8px 20px #ffb54766}.floating-dock-resume-icon.active{background:#ffb547;color:#040506}[data-theme=light] .floating-dock-resume-icon{background:#ff9f1c}[data-theme=light] .floating-dock-resume-icon:hover{background:#ffb347}@media(max-width:480px){.floating-dock-mobile-container{gap:8px;padding:10px 12px}.floating-dock-item{width:36px;height:36px}.floating-dock-item svg{width:20px;height:20px}.floating-dock-theme-toggle{top:12px;right:12px;padding:6px}.floating-dock-theme-toggle svg{width:18px;height:18px}}.squares-canvas{width:100%;height:100%;border:none;display:block!important;position:absolute;top:0;left:0;z-index:1;opacity:1;pointer-events:auto;cursor:crosshair;max-width:100vw;overflow:hidden}.hero{--grid-border: rgba(255, 255, 255, .12);min-height:100vh;height:100vh;background:#040506;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;padding:280px 40px 144px;width:100%;max-width:100%}[data-theme=light] .hero,.hero.light{--grid-border: rgba(15, 23, 42, .12);background:#f8fafc}[data-theme=light] .hero .squares-canvas,.hero.light .squares-canvas{opacity:1!important;filter:none;mix-blend-mode:normal}.hero-container{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:6;text-align:left;padding:60px 0 60px 80px}.hero-left{display:flex;flex-direction:column;justify-content:center}.hero-content{position:relative;z-index:4}.hero-greeting{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:400;color:#ffb547;letter-spacing:.5px;margin:0 0 8px;animation:fadeInUp 1s ease-out .1s both;display:none}.hero-title{font-family:Satoshi,sans-serif;font-size:clamp(50px,6vw,85px);font-weight:800;color:#fff;letter-spacing:0px;margin:0 0 32px;line-height:1.2;animation:blurFadeInUp 1s ease-out .1s both;text-align:left;max-width:100%;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.4)}.typing-container{width:100%;max-width:100%;overflow:visible}.hero-title-secondary{display:block;color:#fff;font-weight:400;font-size:clamp(28px,3.5vw,44px);margin-top:32px}[data-theme=light] .hero-title,[data-theme=light] .hero-title-secondary{color:#0f172a}.hero-subtitle{font-family:General Sans,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;color:#cbd5e1;letter-spacing:.3px;margin:24px 0 50px;line-height:1.5;max-width:550px;animation:fadeInUp 1s ease-out .2s both;text-align:left}[data-theme=light] .hero-subtitle{color:#0f172ab3}.hero-buttons{display:flex;gap:12px;flex-wrap:nowrap;animation:fadeInUp 1s ease-out .3s both;justify-content:flex-start;padding:0 0 40px;align-items:center;margin-top:-4px}.btn{font-family:General Sans,sans-serif;font-size:16px;font-weight:600;padding:16px 48px;border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:10px;letter-spacing:.3px;position:relative;overflow:visible;white-space:nowrap}.hero-buttons .btn{min-width:180px;padding:14px 32px}.btn:before{content:"";position:absolute;inset:0;background:transparent;opacity:0;pointer-events:none;z-index:1}.btn>*{position:relative;z-index:2}.btn-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.btn-primary{background:#040506;color:#ffb547;border:3px solid #ffb547;box-shadow:none}.btn-primary:hover{transform:translateY(-4px);background:#ffb547;color:#040506;box-shadow:none}.btn-primary:hover .btn-icon{transform:translate(4px)}.btn-primary:active{transform:translateY(-2px);background:#ffb547;color:#040506}.btn-secondary{background:transparent;color:#fff;border:3px solid #ffffff;box-shadow:0 0 0 1px #ffffff4d;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover{background:transparent;border-color:#ffb547;color:#ffb547;transform:translateY(-4px)}.btn-secondary:hover .btn-icon{transform:translateY(3px)}.btn-secondary:active{transform:translateY(-2px);background:#ffffff14}#see-my-work-btn{border-color:#ffb547;color:#ffb547}[data-theme=light] .btn-primary{background:transparent;color:#ff9f1c;border-color:#ff9f1c}[data-theme=light] .btn-primary:hover{background:#ff9f1c;color:#fff;box-shadow:none}[data-theme=light] .btn-secondary{color:#0f172a;border:2px solid #0f172a;box-shadow:0 0 0 1px #0f172a33;background:transparent}[data-theme=light] .btn-secondary:hover{background:transparent;border-color:#ff9f1c;color:#ff9f1c;transform:translateY(-4px)}.arrow{transition:transform .3s ease;display:none}.btn-primary:hover .arrow{transform:translate(4px)}.email-icon{font-size:18px;display:none}.hero-right,.hero-image,.hero-keys,[data-theme=light] .hero-keys{display:none}.hero-keys:hover{transform:scale(1.03) translateY(-8px)}@keyframes blurFadeInUp{0%{opacity:0;transform:translateY(20px);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0)}50%{transform:translate(-50%,-50%) translateY(-30px) rotate(3deg)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:General Sans,sans-serif;font-size:14px;font-weight:500;color:#fff9;animation:fadeInUp 1.5s ease-out .6s both;cursor:pointer;transition:color .3s ease}.scroll-indicator:hover{color:#ffffffe6}.scroll-arrow{display:inline-block;font-size:20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(8px);opacity:1}}[data-theme=light] .scroll-indicator{color:#0f172a80}[data-theme=light] .scroll-indicator:hover{color:#0f172acc}.hero-theme-toggle{display:none}@media(max-width:1024px){.hero{padding:160px 40px 60px}.hero-container{max-width:100%}}@media(max-width:768px){.hero{min-height:100vh;height:100vh;padding:140px 20px 60px}.hero-theme-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:20px;right:20px;z-index:100;width:44px;height:44px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#111214f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;color:#ffb547;padding:0}.hero.light .hero-theme-toggle{background:#f5f5f5f2;border-color:#00000014;color:#ff9f1c}.hero-theme-toggle:hover{background:#111214fa;border-color:#ffb5474d;transform:scale(1.05)}.hero.light .hero-theme-toggle:hover{background:#f5f5f5fa;border-color:#ff9f1c4d}.hero-theme-toggle:active{transform:scale(.95)}.hero-theme-toggle svg{transition:transform .3s ease}.hero-theme-toggle:hover svg{transform:rotate(20deg)}.hero-container{max-width:100%;padding:20px 20px 60px}.hero-title{font-size:1.8rem;line-height:2.2rem;margin-bottom:24px;white-space:normal}.hero-subtitle{font-size:clamp(16px,2vw,18px);margin-bottom:32px}.hero-buttons{gap:20px}.btn{padding:14px 40px;font-size:15px}.btn-icon{width:16px;height:16px}}@media(max-width:480px){.hero{min-height:100vh;height:100vh;padding:16px}.hero-theme-toggle{top:16px;right:16px;width:40px;height:40px;border-radius:10px}.hero-container{padding:20px}.hero-title{font-size:clamp(28px,7vw,48px);margin-bottom:16px;white-space:normal}.hero-subtitle{font-size:clamp(14px,2vw,16px);margin-bottom:20px;line-height:1.6;max-width:100%}.hero-buttons{flex-direction:column;width:100%;gap:12px}.btn{width:100%;justify-content:center;padding:12px 20px;font-size:14px}.btn-icon{width:16px;height:16px}}.typing-text{display:inline-block;position:relative}.typing-text:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:1px;height:1em;background-color:#fff;opacity:.8;animation:blink .8s ease-in-out infinite}[data-theme=light] .typing-text:after{background-color:#0f172a}.typed-cursor{display:none!important}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-btn{font-family:General Sans,sans-serif;font-size:16px;font-weight:600;padding:14px 40px;border-radius:12px;cursor:pointer;transition:all .3s ease-out;white-space:nowrap;min-width:180px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.3px;position:relative}.hero-btn-primary{border:2px solid #ffb547;color:#ffb547;background:transparent;box-shadow:0 0 #ffb54733}.hero-btn-primary:hover{transform:translateY(-4px);border-color:#ffcb74;color:#ffcb74;box-shadow:0 0 14px #ffb54759}.hero-btn-secondary{border:2px solid #ffffff;color:#fff;background:transparent;box-shadow:0 0 #ffffff40}.hero-btn-secondary:hover{transform:translateY(-4px);border-color:#ffb547;color:#ffb547;box-shadow:0 0 14px #ffffff40}[data-theme=light] .hero-btn-secondary{border-color:#0f172a;color:#0f172a}[data-theme=light] .hero-btn-secondary:hover{border-color:#ff9f1c;color:#ff9f1c;box-shadow:0 0 14px #ff9f1c4d}[data-theme=light] .hero-btn-primary{border-color:#ff9f1c;color:#ff9f1c}[data-theme=light] .hero-btn-primary:hover{background:#ff9f1c;color:#fff;box-shadow:none;transform:translateY(-4px)}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--yellow-primary: rgba(255, 193, 7, 1);--yellow-glow: rgba(255, 193, 7, .2);--yellow-border: rgba(255, 193, 7, .8);--border-color: #3a3a2e;--background-dark: #111214;color-scheme:light dark}.card-grid{display:grid;gap:.35em;padding:.5em;max-width:100%;font-size:clamp(1rem,.9rem + .5vw,1.5rem);width:100%}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:3/2;min-height:90px;width:100%;max-width:100%;padding:.9em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);color:var(--white);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}[data-theme=light] .magic-bento-card,.what-i-do-section.light .magic-bento-card{background:#fafafa!important;border-color:#e0e0e0!important;color:#111214!important}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__center-icon{display:flex;align-items:center;justify-content:center;flex-grow:1;color:var(--yellow-primary);opacity:.6;transition:opacity .3s ease}[data-theme=light] .magic-bento-card__center-icon,.what-i-do-section.light .magic-bento-card__center-icon{color:#ffc107!important;opacity:.8!important}.magic-bento-card__center-icon svg{width:clamp(28px,3vw,48px);height:clamp(28px,3vw,48px)}.magic-bento-card:hover .magic-bento-card__center-icon{opacity:1}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:12px;opacity:.7;color:var(--white)}[data-theme=light] .magic-bento-card__label,.what-i-do-section.light .magic-bento-card__label{color:#666!important;opacity:.6!important}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 2;--clamp-desc: 3}.magic-bento-card__title{font-weight:500;font-size:20px;margin:0 0 .35em;line-height:1.2;color:var(--white)}[data-theme=light] .magic-bento-card__title,.what-i-do-section.light .magic-bento-card__title{color:#111214!important}.magic-bento-card__description{font-size:12px;line-height:1.35;opacity:.85;color:var(--white)}[data-theme=light] .magic-bento-card__description,.what-i-do-section.light .magic-bento-card__description{color:#444!important;opacity:.75!important}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(255,193,7,calc(var(--glow-intensity) * .8)) 0%,rgba(255,193,7,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #8b750066,0 0 30px var(--yellow-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#ffc10733;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #8b750033,0 0 30px var(--yellow-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}[data-theme=light] .magic-bento-card{background:#f8f9fa;border-color:#ffc10733}[data-theme=light] .magic-bento-card__title{color:#0f172a}[data-theme=light] .magic-bento-card__description{color:#6b7280}.what-i-do-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:40px 24px;background:#0d0e0f;transition:background .3s ease;width:100%;overflow:hidden}.what-i-do-section.light,[data-theme=light] .what-i-do-section{background:#f5f5f5!important}.what-i-do-container{width:100%;max-width:80rem;margin:0 auto}.what-i-do-header{text-align:center;margin-bottom:35px}.what-i-do-title{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.5px}.what-i-do-section.light .what-i-do-title,[data-theme=light] .what-i-do-title{color:#111214!important}.what-i-do-subtitle{font-family:Space Grotesk,sans-serif;font-size:14px;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-weight:400;line-height:1.5}[data-theme=light] .what-i-do-subtitle,.what-i-do-section.light .what-i-do-subtitle{color:#4a4a46!important}@media(max-width:768px){.what-i-do-section{padding:80px 20px 60px}.what-i-do-header{margin-bottom:50px}.what-i-do-title{font-size:28px}.what-i-do-subtitle{font-size:14px}}@media(max-width:480px){.what-i-do-section{padding:60px 16px 50px}.what-i-do-header{margin-bottom:40px}.what-i-do-title{font-size:24px}.what-i-do-subtitle{font-size:13px}}} .github-ribbon-container{width:100%;overflow:hidden;background:transparent;cursor:pointer;padding:0;margin:0}.github-ribbon{background:#ffb547;height:30px;display:flex;align-items:center;position:relative;width:100%}.ribbon-content{display:flex;white-space:nowrap;animation:scroll-ribbon 30s linear infinite;gap:0}.ribbon-text{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:700;color:#fff;padding:0 24px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:8px}.ribbon-text .bracket{color:#ff6a3d;font-weight:700}@keyframes scroll-ribbon{0%{transform:translate(0)}to{transform:translate(-50%)}}.github-ribbon-container:hover .github-ribbon{background:#ffa933;transition:background .3s ease}.github-ribbon-container:hover .ribbon-content{animation-play-state:paused}@media(max-width:768px){.github-ribbon{height:40px}.ribbon-text{font-size:14px;padding:0 20px}}@media(max-width:480px){.github-ribbon{height:36px}.ribbon-text{font-size:12px;padding:0 16px}}.featured-projects-section{padding:80px 20px 60px;background:#090a0b;transition:background .3s ease}[data-theme=light] .featured-projects-section,.featured-projects-section.light{background:#f8fafc!important}.featured-projects-container{max-width:1400px;margin:0 auto}.featured-projects-header{text-align:center;margin-bottom:50px}.featured-projects-header h2{font-size:36px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}[data-theme=light] .featured-projects-header h2,.featured-projects-section.light .featured-projects-header h2{color:#0f172a!important}.featured-projects-header p{font-size:16px;color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-weight:400;line-height:1.6;font-family:Space Grotesk,sans-serif}[data-theme=light] .featured-projects-header p,.featured-projects-section.light .featured-projects-header p{color:#4a4a46!important}.featured-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;animation:fadeInUp .6s ease .2s backwards}@media(max-width:1024px){.featured-projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.featured-projects-grid{grid-template-columns:1fr}}.project-card{background:#111214;border-radius:18px;border:1px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:0 4px 20px #00000040,0 8px 40px #ffffff0d;transition:all .4s ease}[data-theme=light] .project-card,.project-card.light{background:#f5f5f5!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 6px 18px #00000014,0 8px 40px #0000000d!important}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 50px #0000004d,0 8px 40px #ffffff14;border-color:#ffffff1a}.project-image-wrapper{width:100%;height:200px;overflow:hidden;border-radius:18px 18px 0 0;background:#0f172a;position:relative}[data-theme=light] .project-image-wrapper,.project-card.light .project-image-wrapper{background:#f8fafc!important}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;position:relative;z-index:1}.project-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:2;transition:opacity .4s ease}[data-theme=light] .project-image-wrapper:after,.project-card.light .project-image-wrapper:after{background:linear-gradient(to top,rgba(15,23,42,.5),transparent)!important}.project-card:hover .project-image-wrapper img{transform:scale(1.05)}.project-card:hover .project-image-wrapper:after{opacity:.9}.project-content{padding:24px}.project-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;margin-top:0;line-height:1.3}[data-theme=light] .project-title,.project-card.light .project-title{color:#0f172a!important}.project-description{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}[data-theme=light] .project-description,.project-card.light .project-description{color:#4a4a46!important}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:12px;color:#a1a1a1;white-space:nowrap;transition:all .3s ease}.tech-tag:hover{background:#ffffff1a;border-color:#ffffff26;color:#d4d4d4}[data-theme=light] .tech-tag,.project-card.light .tech-tag{background:#0000000a!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(0,0,0,.06)!important;color:#64748b!important}[data-theme=light] .tech-tag:hover,.project-card.light .tech-tag:hover{background:#00000014!important;border-color:#0000001f!important;color:#475569!important}.tech-tag svg{flex-shrink:0;color:#666;width:14px;height:14px;opacity:.7}[data-theme=light] .tech-tag svg,.project-card.light .tech-tag svg{color:#64748b!important;opacity:.7!important}.project-features{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;color:var(--color-text-secondary)}.project-feature-item{display:flex;align-items:flex-start;gap:8px;color:var(--color-text-secondary)}.project-feature-item:before{content:"✓";color:#ffb547;font-weight:700;margin-top:1px;flex-shrink:0}[data-theme=light] .project-feature-item:before,.project-card.light .project-feature-item:before{color:#ff9f1c!important}[data-theme=light] .project-features,.project-card.light .project-features{color:#4a4a46!important}.project-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.project-buttons{display:flex;gap:12px;margin-bottom:12px}.btn{flex:1;padding:10px 16px;text-align:center;font-size:14px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn svg{transition:transform .3s ease;flex-shrink:0}.btn-live{background:#ffb547;color:#fff;border:none;box-shadow:0 6px 20px #ffb5474d;font-weight:700}.btn-live:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ffb54766;background:#ffc049}.btn-live:hover svg{transform:translate(2px)}[data-theme=light] .btn-live,.project-card.light .btn-live{color:#fff!important;background:#ff9f1c!important;box-shadow:0 6px 20px #ff9f1c4d!important}[data-theme=light] .btn-live:hover,.project-card.light .btn-live:hover{background:#ff8f0a!important;box-shadow:0 12px 30px #ff9f1c66!important}.btn-case-study{background:transparent;color:var(--color-text-secondary);border:2px solid rgba(255,255,255,.2);font-weight:600;width:100%}.btn-case-study:hover{border-color:#fff6;color:#fff;background:#ffffff0d;transform:translateY(-2px)}.btn-case-study:hover svg{transform:translate(2px)}[data-theme=light] .btn-case-study,.project-card.light .btn-case-study{border:2px solid rgba(0,0,0,.15)!important;color:#64748b!important}[data-theme=light] .btn-case-study:hover,.project-card.light .btn-case-study:hover{border-color:#00000040!important;background:#00000008!important;color:#334155!important}.btn-code{background:transparent;color:var(--color-text-secondary);border:2px solid rgba(255,255,255,.2);font-weight:600}.btn-code:hover{border-color:#fff6;color:#fff;background:#ffffff0d;transform:translateY(-2px)}.btn-code:hover svg{transform:translate(2px)}[data-theme=light] .btn-code,.project-card.light .btn-code{border:2px solid rgba(0,0,0,.15)!important;color:#64748b!important}[data-theme=light] .btn-code:hover,.project-card.light .btn-code:hover{border-color:#00000040!important;background:#00000008!important;color:#334155!important}@media(max-width:1024px){.featured-projects-section{padding:100px 20px 80px}.featured-projects-header{margin-bottom:60px}.featured-projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.project-image-wrapper{height:200px}.project-content{padding:24px 20px}}@media(max-width:768px){.featured-projects-section{padding:80px 20px 60px}.featured-projects-header{margin-bottom:50px}.featured-projects-grid{grid-template-columns:1fr;gap:20px}.project-image-wrapper{height:180px}.project-title{font-size:20px}.project-buttons{gap:10px}.btn{padding:9px 14px;font-size:13px}}@media(max-width:480px){.featured-projects-section{padding:60px 16px 50px}.featured-projects-header{margin-bottom:40px}.featured-projects-header h2{font-size:28px}.featured-projects-header p{font-size:13px}.project-image-wrapper{height:160px}.project-content{padding:20px 16px}.project-title{font-size:18px;margin-bottom:10px}.project-description{font-size:13px;margin-bottom:16px}.tech-stack{gap:8px;margin-bottom:16px}.tech-tag{font-size:11px;padding:5px 10px}.project-buttons{flex-direction:column;gap:8px;margin-bottom:12px}.btn{padding:8px 12px;font-size:12px}.btn-case-study{padding:10px 12px}}.pagination-container{display:flex;justify-content:center;margin-top:50px;animation:fadeInUp .6s ease .4s backwards}.btn-show-more,.btn-show-less{padding:14px 40px;background:#ffb547;color:#090a0b;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px}.btn-show-more:hover,.btn-show-less:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ffb54766;background:#ffc049}.btn-show-more:active,.btn-show-less:active{transform:translateY(-2px)}[data-theme=light] .btn-show-more,[data-theme=light] .btn-show-less,.featured-projects-section.light .btn-show-more,.featured-projects-section.light .btn-show-less{background:#ff9f1c!important;color:#fff!important;box-shadow:0 6px 20px #ff9f1c4d!important}[data-theme=light] .btn-show-more:hover,[data-theme=light] .btn-show-less:hover,.featured-projects-section.light .btn-show-more:hover,.featured-projects-section.light .btn-show-less:hover{background:#ff8f0a!important;box-shadow:0 12px 30px #ff9f1c66!important}@media(max-width:640px){.btn-show-more,.btn-show-less{padding:12px 30px;font-size:14px}}.skills-section{padding:100px 20px 80px;background:#0d0e0f;transition:background .3s ease}.skills-section.light,[data-theme=light] .skills-section{background:#f5f5f5!important}.skills-container{max-width:1200px;margin:0 auto}.skills-header{text-align:center;margin-bottom:60px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.06)}.skills-header h2{font-size:36px;font-weight:700;background:linear-gradient(90deg,#ffb547,#ffd79d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}.skills-section.light .skills-header h2,[data-theme=light] .skills-header h2{background:linear-gradient(90deg,#ffd79d,#ffb547)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.skills-section.light .skills-header,[data-theme=light] .skills-header{border-bottom-color:#0000000f!important}.skills-header p{font-size:16px;color:#cbd5e1;max-width:600px;margin:0 auto;font-weight:400;line-height:1.6}.skills-section.light .skills-header p,[data-theme=light] .skills-header p{color:#4a4a46!important}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;animation:fadeInUp .6s ease .2s backwards}.skill-card{background:#111214;border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:28px 24px;transition:all .3s ease;display:flex;flex-direction:column;overflow:visible}.skill-card.light,[data-theme=light] .skill-card{background:#f5f5f5!important;border:1px solid rgba(0,0,0,.08)!important;color:#111214!important}.skill-card:hover{transform:translateY(-4px);border-color:#a22c2933;box-shadow:0 8px 24px #0003;background:#ffffff08;transition:.25s ease}.skill-card.light:hover,[data-theme=light] .skill-card:hover{border-color:#a22c294d!important;box-shadow:0 8px 24px #a22c291a!important}.skill-category{font-size:20px;font-weight:600;color:#ffb547;margin:0 0 16px;font-family:Space Grotesk,sans-serif}.skill-card.light .skill-category,[data-theme=light] .skill-category{color:#ff9f1c!important}.category-divider{height:1px;background:#ffb54733;margin-bottom:20px}.skill-card.light .category-divider,[data-theme=light] .category-divider{background:#ffb54726!important}.skills-list{display:flex;flex-wrap:wrap;gap:14px}.skill-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.skill-card.light .skill-item,[data-theme=light] .skill-item{background:#a22c2914!important}.skill-item:hover{background:#a22c2926;transform:translateY(-2px);transition:.2s ease}.skill-card.light .skill-item:hover,[data-theme=light] .skill-item:hover{background:#6366f126!important;transition:.2s ease!important}.skill-icon{font-size:18px;color:#ffb547;flex-shrink:0}.skill-card.light .skill-icon,[data-theme=light] .skill-icon{color:#ff9f1c!important}.skill-name{font-size:13px;font-weight:500;color:#cbd5e1;white-space:normal;word-break:break-word}.skill-card.light .skill-name,[data-theme=light] .skill-name{color:#4a4a46!important}.radar-wrapper{margin-top:24px;padding-top:20px;border-top:1px solid rgba(162,44,41,.1);display:flex;justify-content:center;align-items:center}.skill-card.light .radar-wrapper,[data-theme=light] .radar-wrapper{border-top-color:#a22c2926!important}.skill-card.light .recharts-text,[data-theme=light] .recharts-text{fill:#0f0f0f!important}.skill-card.light text,[data-theme=light] text{fill:#0f0f0f!important}@media(max-width:768px){.skills-section{padding:80px 20px 60px}.skills-header{margin-bottom:40px}.skills-header h2{font-size:28px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.skill-card{padding:20px 18px}.skill-category{font-size:18px;margin-bottom:14px}.skills-list{gap:12px}.skill-item{padding:7px 10px}.skill-icon{font-size:16px}.skill-name{font-size:12px}}@media(max-width:480px){.skills-section{padding:60px 16px 50px}.skills-header{margin-bottom:30px}.skills-header h2{font-size:24px}.skills-header p{font-size:14px}.skills-grid{grid-template-columns:1fr;gap:16px}.skill-card{padding:16px}.skill-category{font-size:16px;margin-bottom:12px}.skills-list{gap:10px}.skill-item{padding:6px 10px}.skill-icon{font-size:15px}.skill-name{font-size:11px}}.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #111827}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}[data-theme=light] .logoloop,.light .logoloop{--logoloop-fadeColorAuto: #f8fafc}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center;justify-content:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.tools-section{padding:100px 20px 80px;background:#090a0b;transition:background .3s ease}.tools-section.light,[data-theme=light] .tools-section{background:#f8fafc!important}.tools-container{max-width:1200px;margin:0 auto}.tools-header{text-align:center;margin-bottom:60px}.tools-header h2{font-size:36px;font-weight:700;color:#f1f5f9;margin-bottom:12px;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}.tools-section.light .tools-header h2,[data-theme=light] .tools-header h2{color:#0f172a!important}.tools-header p{font-size:16px;color:#cbd5e1;max-width:600px;margin:0 auto;font-weight:400;line-height:1.6}.tools-section.light .tools-header p,[data-theme=light] .tools-header p{color:#4a4a46!important}.tools-loop-wrapper{position:relative;height:140px;display:flex;align-items:center;overflow:hidden;border-radius:16px;padding:30px 0;animation:fadeInUp .6s ease .2s backwards}@media(max-width:768px){.tools-section{padding:80px 20px 60px}.tools-header{margin-bottom:40px}.tools-header h2{font-size:28px}.tools-loop-wrapper{height:100px;padding:15px 0}}@media(max-width:480px){.tools-section{padding:60px 16px 50px}.tools-header{margin-bottom:30px}.tools-header h2{font-size:24px}.tools-header p{font-size:14px}.tools-loop-wrapper{height:80px;padding:10px 0}}.about-section{padding:80px 20px 60px;background:linear-gradient(135deg,#0d0e0f,#1a1b1d,#ffb5470d);transition:background .3s ease}.about-section.light,[data-theme=light] .about-section{background:linear-gradient(135deg,#f5f5f5,#f8fafc,#ff9f1c14)!important}.about-container{max-width:1200px;margin:0 auto}.about-intro{text-align:center;margin-bottom:60px;padding-bottom:0}.section-title{font-size:36px;font-weight:700;color:#f1f5f9;margin-bottom:12px;letter-spacing:-.5px;font-family:Space Grotesk,Satoshi,sans-serif;line-height:1.2}.about-section.light .section-title,[data-theme=light] .section-title{color:#0f172a!important}.section-subtitle{font-size:16px;color:#94a3b8;max-width:600px;margin:0 auto;font-weight:400;line-height:1.5;font-family:Satoshi,General Sans,sans-serif}.about-section.light .section-subtitle,[data-theme=light] .section-subtitle{color:#64748b!important}.about-content{display:flex;align-items:center;gap:60px;padding:40px 0}.profile-image-wrapper{display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;width:50%}.profile-image-wrapper:before{content:"";position:absolute;width:360px;height:360px;background:radial-gradient(circle,#ffb5471f,#ffb54700 70%);border-radius:50%;filter:blur(40px);z-index:-1}.profile-image{width:320px;height:320px;border-radius:50%;border:none;box-shadow:0 10px 30px #0000004d;transition:all .4s ease;object-fit:cover;display:block}.profile-image:hover{box-shadow:0 15px 50px #ffb54733;transform:translateY(-8px)}.about-section.light .profile-image-wrapper:before,[data-theme=light] .profile-image-wrapper:before{background:radial-gradient(circle,#ff9f1c1a,#ff9f1c00 70%)!important}.about-section.light .profile-image,[data-theme=light] .profile-image{box-shadow:0 10px 30px #ff9f1c1a!important}.about-section.light .profile-image:hover,[data-theme=light] .profile-image:hover{box-shadow:0 15px 50px #ff9f1c26!important}.about-text{flex:1;width:50%}.about-text h3{font-size:28px;font-weight:700;color:#f1f5f9;margin-bottom:24px;letter-spacing:-.5px;font-family:Space Grotesk,Satoshi,sans-serif;line-height:1.3}.about-section.light .about-text h3,[data-theme=light] .about-text h3{color:#0f172a!important}.about-text p{font-size:15px;color:#9ca3af;line-height:1.8;margin-bottom:16px;font-family:Satoshi,General Sans,sans-serif}.about-section.light .about-text p,[data-theme=light] .about-text p{color:#4a4a46!important}.about-text p:last-of-type{margin-bottom:32px}font-weight: 400; } .about-section.light .about-text p,[data-theme="light"] .about-text p{color:#334155!important}.download-resume-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;margin-top:0;background:transparent;color:#ffb547;border:2px solid #ffb547;border-radius:8px;font-family:General Sans,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .35s ease;box-shadow:none}.download-resume-btn:hover{background:#ffb547;color:#090a0b;box-shadow:0 8px 24px #ffb5474d;transform:translateY(-2px)}.download-resume-btn:active{transform:translateY(0);box-shadow:0 0 10px #fbbf2433}.download-resume-btn svg{width:18px;height:18px;stroke-width:2.5;transition:transform .35s ease}.download-resume-btn:hover svg{transform:translateY(3px)}.about-section.light .download-resume-btn,[data-theme=light] .download-resume-btn{color:#ff9f1c;border-color:#ff9f1c;background:transparent}.about-section.light .download-resume-btn:hover,[data-theme=light] .download-resume-btn:hover{background:#ff9f1c;color:#fff;box-shadow:0 8px 24px #ff9f1c4d;transform:translateY(-2px)}.stats-container{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(162,44,41,.2);border-radius:12px;transition:all .3s ease}.stat-card:hover{background:#a22c291a;border-color:#a22c2966;transform:translateY(-2px)}.about-section.light .stat-card,[data-theme=light] .stat-card{background:#a22c2914!important;border-color:#a22c2933!important}.about-section.light .stat-card:hover,[data-theme=light] .stat-card:hover{background:#a22c2926!important;border-color:#a22c2966!important}.stat-icon{font-size:24px;color:#ffb547;flex-shrink:0}.about-section.light .stat-icon,[data-theme=light] .stat-icon{color:#ff9f1c!important}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-number{font-size:18px;font-weight:700;color:#f1f5f9;font-family:Space Grotesk,sans-serif}.about-section.light .stat-number,[data-theme=light] .stat-number{color:#0f172a!important}.stat-label{font-size:12px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.about-section.light .stat-label,[data-theme=light] .stat-label{color:#334155!important}.edu-exp-section{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.06)}.about-section.light .edu-exp-section,[data-theme=light] .edu-exp-section{border-top-color:#0000000f!important}.edu-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edu-exp-card{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease;cursor:pointer}.edu-exp-card:hover{border-color:#ffb547;background:#ffb5471a;box-shadow:0 4px 15px #ffb54726}.about-section.light .edu-exp-card,[data-theme=light] .edu-exp-card{background:#ffb5470d!important;border-color:#ffb54726!important}.about-section.light .edu-exp-card:hover,[data-theme=light] .edu-exp-card:hover{border-color:#ff9f1c!important;background:#ff9f1c26!important;box-shadow:0 4px 15px #ff9f1c33!important}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,181,71,.2);transition:all .3s ease}.edu-exp-card:hover .card-header{border-bottom-color:#ffb547}.about-section.light .card-header,[data-theme=light] .card-header{border-bottom-color:#ffb54733!important}.about-section.light .edu-exp-card:hover .card-header,[data-theme=light] .edu-exp-card:hover .card-header{border-bottom-color:#ff9f1c!important}.card-icon{font-size:20px;color:#ffb547;flex-shrink:0}.about-section.light .card-icon,[data-theme=light] .card-icon{color:#ff9f1c!important}.card-header h4{font-size:15px;font-weight:700;color:#f1f5f9;margin:0;font-family:Space Grotesk,sans-serif}.about-section.light .card-header h4,[data-theme=light] .card-header h4{color:#0f172a!important}.edu-item{display:flex;flex-direction:column;gap:6px}.degree-title{font-size:13px;font-weight:700;color:#f1f5f9;margin:0}.about-section.light .degree-title,[data-theme=light] .degree-title{color:#0f172a!important}.institution{font-size:12px;color:#ffb547;margin:0;font-weight:500}.about-section.light .institution,[data-theme=light] .institution{color:#ff9f1c!important}.period{font-size:11px;color:#94a3b8;margin:0;font-weight:400}.about-section.light .period,[data-theme=light] .period{color:#334155!important}.cgpa{font-size:11px;color:#cbd5e1;margin:2px 0 0}.about-section.light .cgpa,[data-theme=light] .cgpa{color:#334155!important}.exp-item{display:flex;flex-direction:column;gap:6px}.role-title{font-size:13px;font-weight:700;color:#f1f5f9;margin:0}.about-section.light .role-title,[data-theme=light] .role-title{color:#0f172a!important}.description{font-size:12px;color:#cbd5e1;margin:0;line-height:1.5}.about-section.light .description,[data-theme=light] .description{color:#334155!important}@media(max-width:900px){.about-content{flex-direction:column;gap:40px}.profile-image{max-width:300px;margin:0 auto}.about-text{width:100%}.about-intro h2{font-size:32px}.about-text h3{font-size:24px}.about-text p{font-size:15px}.edu-exp-grid{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:768px){.about-content{flex-direction:column;gap:30px;padding:30px 0}.profile-image{max-width:280px;margin:0 auto}.about-text{width:100%}.about-intro h2{font-size:28px}.about-text h3{font-size:22px}.download-resume-btn{padding:12px 28px;font-size:15px}.edu-exp-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.about-section{padding:50px 16px 40px}.about-intro{margin-bottom:40px}.about-intro h2{font-size:24px;margin-bottom:8px}.about-intro p{font-size:14px}.about-content{flex-direction:column;gap:30px;padding:0}.profile-image{max-width:100%;margin:0 auto}.about-text{width:100%}.about-text h3{font-size:20px;margin-bottom:12px}.about-text p{font-size:14px;margin-bottom:16px}.download-resume-btn{padding:11px 24px;font-size:14px}.download-resume-btn:hover{transform:translateY(-2px)}}.contact-section{padding:80px 20px 60px;background:#090a0b;transition:background .3s ease}.contact-section.light,[data-theme=light] .contact-section{background:#f5f5f5!important}.contact-container{max-width:1200px;margin:0 auto}.contact-intro{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease forwards}.intro-title{font-size:36px;font-weight:700;color:#f1f5f9;margin-bottom:12px;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;line-height:1.2}.intro-subtitle{font-size:16px;color:#cbd5e1;font-weight:400;line-height:1.5;max-width:600px;margin:0 auto}.contact-section.light .intro-title,[data-theme=light] .intro-title{color:#000!important}.contact-section.light .intro-subtitle,[data-theme=light] .intro-subtitle{color:#4a4a46!important}.form-info-wrapper>div:first-child{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 25px #ffb54714;transition:all .4s ease}.form-info-wrapper>div:first-child:hover{border-color:#ffb54733;box-shadow:0 8px 40px #ffb54726;transform:translateY(-4px)}.contact-section.light .form-info-wrapper>div:first-child,[data-theme=light] .form-info-wrapper>div:first-child{background:#fafafa!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px #00000014!important}.contact-section.light .form-info-wrapper>div:first-child:hover,[data-theme=light] .form-info-wrapper>div:first-child:hover{border-color:#ff9f1c!important;box-shadow:0 8px 40px #ff9f1c26!important}.contact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 25px #ffb54714;transition:all .4s ease;animation:fadeInUp .8s ease forwards;width:100%}.contact-card:hover{border-color:#ffb54733;box-shadow:0 8px 40px #ffb54726;transform:translateY(-4px)}.contact-section.light .contact-card,[data-theme=light] .contact-card{background:#fafafa!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px #00000014!important}.contact-section.light .contact-card:hover,[data-theme=light] .contact-card:hover{border-color:#ff9f1c!important;box-shadow:0 8px 40px #ff9f1c26!important}.contact-card-header{margin-bottom:24px}.contact-card-header h3{font-size:20px;font-weight:700;color:#f1f5f9;margin-bottom:8px;font-family:Space Grotesk,sans-serif}.contact-section.light .contact-card-header h3,[data-theme=light] .contact-card-header h3,.contact-section.light h3,[data-theme=light] h3{color:#000!important}.contact-availability{font-size:13px;color:#cbd5e1;margin:0;font-weight:400;line-height:1.4}.contact-section.light .contact-availability,[data-theme=light] .contact-availability{color:#4a4a46!important}.contact-info-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.contact-info-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease;text-decoration:none;cursor:pointer}.contact-info-item:hover{background:#ffffff14;border-color:var(--icon-color, #ffb547);transform:translate(8px)}.contact-section.light .contact-info-item,[data-theme=light] .contact-info-item{background:#fafafa!important;border-color:#e2e8f0!important}.contact-section.light .contact-info-item:hover,[data-theme=light] .contact-info-item:hover{background:#f0f5ff!important;border-color:var(--icon-color, #ff9f1c)!important}.info-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg, rgba(255, 181, 71, .15));border-radius:50%;font-size:22px;color:var(--icon-color, #ffb547);flex-shrink:0;transition:all .3s ease}.contact-section.light .info-icon,[data-theme=light] .info-icon{background:var(--icon-bg, rgba(99, 102, 241, .12))!important}.info-content{display:flex;flex-direction:column;gap:2px;flex:1}.info-label{font-size:11px;color:#94a3b8;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contact-section.light .info-label,[data-theme=light] .info-label{color:#4a4a46!important}.info-value{font-size:14px;color:#f1f5f9;margin:0;font-weight:500}.contact-section.light .info-value,[data-theme=light] .info-value{color:#0f172a!important}.info-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--icon-color, #ffb547);font-size:18px;flex-shrink:0;margin-left:auto;transition:all .3s ease;transform:translate(0)}.contact-info-item:hover .info-arrow{transform:translate(4px)}.contact-section.light .info-arrow,[data-theme=light] .info-arrow{color:var(--icon-color, #ff9f1c)!important}.social-proof{display:flex;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.contact-section.light .social-proof,[data-theme=light] .social-proof{border-top-color:#e2e8f0!important}.proof-item{display:flex;flex-direction:column;gap:4px}.proof-number{font-size:18px;font-weight:700;color:#ffb547;font-family:Space Grotesk,sans-serif}.contact-section.light .proof-number,[data-theme=light] .proof-number{color:#ff9f1c!important}.proof-label{font-size:11px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.contact-section.light .proof-label,[data-theme=light] .proof-label{color:#4a4a46!important}@media(max-width:900px){.contact-intro{margin-bottom:60px}.intro-title{font-size:36px}.intro-subtitle{font-size:15px}}@media(max-width:600px){.contact-section{padding:60px 16px 50px}.contact-intro{margin-bottom:50px}.intro-title{font-size:28px;margin-bottom:10px}.intro-subtitle{font-size:14px}.contact-card{padding:24px}.contact-card-header h3{font-size:18px}.contact-info-list{gap:12px;margin-bottom:24px}.contact-info-item{padding:14px}.info-icon{width:40px;height:40px;font-size:18px}.social-proof{gap:16px;padding-top:20px}}.form-info-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;max-width:1400px;margin:0 auto}.form-info-wrapper>div:last-child{order:-1}.form-info-wrapper>div:nth-child(2) label{margin-top:24px}.form-info-wrapper>div:nth-child(2) label:first-of-type{margin-top:0}@media(max-width:1024px){.form-info-wrapper{grid-template-columns:1fr;gap:30px}}input[type=text],input[type=email],textarea{width:100%;background:transparent;border:none;border-bottom:1px solid #666;border-radius:0;padding:12px 0;color:#fff;outline:none;font-family:inherit;font-size:16px;transition:none!important}input[type=text]:-webkit-autofill,input[type=email]:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#fff!important;background:transparent!important}input[type=text]:-webkit-autofill:focus,input[type=email]:-webkit-autofill:focus,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#fff!important}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-bottom:2px solid #ffb547;outline:none;box-shadow:none}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#ffffff4d}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] textarea{color:#0f172a;border-bottom-color:#ddd!important}[data-theme=light] input[type=text]:-webkit-autofill,[data-theme=light] input[type=email]:-webkit-autofill,[data-theme=light] textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#0f172a!important;background:transparent!important}[data-theme=light] input[type=text]:focus,[data-theme=light] input[type=email]:focus,[data-theme=light] textarea:focus{border-bottom-color:#ffb547!important;border-bottom-width:2px!important}.form-info-wrapper button{padding:14px 32px;background:transparent;color:#ffb547;border:2px solid #ffb547;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;margin-top:24px}.form-info-wrapper button svg{width:18px;height:18px;transition:transform .3s ease}.form-info-wrapper button:hover{background:#ffb547;color:#090a0b;box-shadow:0 8px 24px #ffb5474d;transform:translateY(-2px)}.form-info-wrapper button:hover svg{transform:rotate(20deg) scale(1.2)}.form-info-wrapper button:active{transform:translateY(0)}[data-theme=light] .form-info-wrapper button{color:#ff9f1c;border-color:#ff9f1c}[data-theme=light] .form-info-wrapper button:hover{background:#ff9f1c;color:#fff;box-shadow:0 8px 24px #ff9f1c4d}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] textarea{color:#0f172a;border-bottom-color:#cbd5e1!important}[data-theme=light] input[type=text]:focus,[data-theme=light] input[type=email]:focus,[data-theme=light] textarea:focus{border-bottom-color:#ff9f1c!important;border-bottom-width:2px!important}[data-theme=light] input[type=text]::placeholder,[data-theme=light] input[type=email]::placeholder,[data-theme=light] textarea::placeholder{color:#0f172a66}input[type=checkbox]{accent-color:#ffb547}[data-theme=light] input[type=checkbox]+label,.contact-section.light input[type=checkbox]+label{color:#000!important}input[type=checkbox]+label{color:#cbd5e1}.notification-popup{position:fixed;bottom:30px;right:30px;background:#10b981f2;border:none;border-radius:8px;padding:16px 20px;box-shadow:0 10px 30px #10b9814d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;max-width:400px}.notification-popup.error{background:#ef4444f2;box-shadow:0 10px 30px #ef44444d}.notification-popup.dark{background:#10b981f2;box-shadow:0 10px 30px #10b98166}.notification-popup.error.dark{background:#ef4444f2;box-shadow:0 10px 30px #ef444466}.notification-content{display:flex;align-items:flex-start;gap:16px}.notification-icon{width:24px;height:24px;color:#fff;flex-shrink:0;margin-top:2px}.notification-text{display:flex;flex-direction:column;gap:4px}.notification-text h4{margin:0;font-size:16px;font-weight:600;color:#fff}.notification-popup.dark .notification-text h4{color:#fff}.notification-text p{margin:0;font-size:14px;color:#ffffffe6}.notification-popup.dark .notification-text p{color:#ffffffe6}@media(max-width:600px){.notification-popup{bottom:20px;right:20px;left:20px;max-width:none}}.hire-me-section{padding:80px 20px;background:#0d0e0f;text-align:center;position:relative;overflow:hidden;transition:background .3s ease}.hire-me-section.light,[data-theme=light] .hire-me-section{background:#f5f5f5!important}.hire-me-container{max-width:800px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.hire-me-icon{font-size:48px;color:#fbbf24;margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.hire-me-heading-wrapper{display:flex;align-items:center;gap:16px;justify-content:center}.hire-me-heading-icon{font-size:40px;color:#ffb547;flex-shrink:0;stroke-width:1.5;transition:color .3s ease}[data-theme=light] .hire-me-heading-icon{color:#ff9f1c}.hire-me-section h2{font-size:40px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;transition:color .3s ease}[data-theme=light] .hire-me-section h2,.hire-me-section.light h2{color:#0f172a!important}.hire-me-section p{font-size:16px;color:var(--color-text-secondary);margin:0;max-width:600px;line-height:1.6;font-weight:400;transition:color .3s ease}[data-theme=light] .hire-me-section p,.hire-me-section.light p{color:#4a4a46!important}.cta-button{padding:14px 32px;background:transparent;color:#ffb547;border:2px solid #ffb547;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-family:inherit;margin-top:12px}.cta-button:hover{background:#ffb547;color:#090a0b;box-shadow:0 8px 24px #ffb5474d;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}[data-theme=light] .cta-button{color:#ff9f1c;border-color:#ff9f1c}[data-theme=light] .cta-button:hover{background:#ff9f1c;color:#fff;box-shadow:0 8px 24px #ff9f1c4d}.cta-button svg{width:18px;height:18px}@media(max-width:768px){.hire-me-section{padding:60px 20px}.hire-me-section:before{width:300px;height:300px;top:-40%;right:-5%}.hire-me-section:after{width:250px;height:250px;bottom:-20%;left:0}.hire-me-heading-icon,.hire-me-section h2{font-size:32px}.hire-me-section p{font-size:15px}.cta-button{padding:12px 28px;font-size:14px}}@media(max-width:480px){.hire-me-section{padding:50px 16px}.hire-me-heading-wrapper{flex-direction:column;gap:8px}.hire-me-heading-icon{font-size:28px}.hire-me-section h2{font-size:26px}.hire-me-section p{font-size:14px}.cta-button{padding:11px 24px;font-size:13px;width:100%;justify-content:center}}.footer{padding:40px 20px;background:#111214;border-top:1px solid rgba(255,255,255,.06);transition:background .3s ease}.footer.light,[data-theme=light] .footer{background:#f8fafc!important;border-top-color:#0000000f!important}.footer-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-left{flex:1;display:flex;flex-direction:column;gap:4px}.copyright{font-size:13px;color:#cbd5e1;margin:0;font-weight:500}.footer.light .copyright,[data-theme=light] .copyright{color:#334155!important}.tech-stack{font-size:12px;color:#ffb547;margin:0;font-weight:400}.footer.light .tech-stack,[data-theme=light] .tech-stack{color:#ff9f1c!important}.footer-logo{flex:1;text-align:center}.footer-logo span{font-size:32px;font-weight:600;background:linear-gradient(135deg,#ffb547,#ffd79d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif;letter-spacing:3px;display:inline-block}.footer.light .footer-logo span,[data-theme=light] .footer-logo span{background:linear-gradient(135deg,#ffd79d,#ffb547)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.footer-social{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:20px}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#a5b4fc;transition:all .3s ease;cursor:pointer;text-decoration:none;font-size:18px}.social-icon:hover{border-color:#ffb54780;color:#ffb547;background:#ffb54726}.footer.light .social-icon,[data-theme=light] .social-icon{border-color:#ffb5471a!important;color:#64748b!important}.footer.light .social-icon:hover,[data-theme=light] .social-icon:hover{border-color:#ffb5474d!important;color:#ff9f1c!important;background:#ffb54714!important}@media(max-width:768px){.footer-container{flex-direction:column;gap:24px;text-align:center}.footer-left{align-items:center}.footer-social{justify-content:center;width:100%}}@media(max-width:480px){.footer{padding:30px 16px}.footer-container{gap:16px}.copyright{font-size:12px}.tech-stack{font-size:11px}.footer-logo span{font-size:20px}.social-icon{width:36px;height:36px;font-size:16px}.footer-social{gap:16px}}.project-page{min-height:100vh;padding:40px 20px;background:var(--page-bg, #05060a);color:var(--page-text, #f1f5f9)}.project-page-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.back-link{color:#cbd5e1;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.pp-title{font-size:32px;margin:0}.pp-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pp-image-wrapper{overflow:hidden;border-radius:12px;box-shadow:0 8px 30px #0006;background:#0f172a}.pp-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.pp-content{padding:12px 0 40px}.pp-tech{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.pp-tech-tag{padding:6px 10px;background:#ffffff08;border-radius:8px;color:#cbd5e1}.pp-actions{display:flex;gap:12px;margin-top:18px}.pp-actions .btn{padding:10px 16px;border-radius:10px}.pp-actions .btn-live{background:#ffb547;color:#000;text-decoration:none}.pp-actions .btn-code{background:transparent;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;text-decoration:none}@media(max-width:640px){.pp-gallery{grid-template-columns:1fr}}.case-study-page{min-height:100vh;background:#090a0b;color:var(--color-text-primary);padding:40px 20px;transition:background .3s ease}[data-theme=light] .case-study-page{background:#f8fafc!important;color:#0f172a!important}.case-study-page-inner{max-width:900px;margin:0 auto}.case-study-page.not-found{display:flex;align-items:center;justify-content:center;min-height:100vh}.case-study-page.not-found .case-study-page-inner{text-align:center}.case-study-page.not-found p{font-size:18px;margin-bottom:20px;color:var(--color-text-secondary)}.case-study-page.not-found a{display:inline-block;padding:12px 30px;background:#ffb547;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease}.case-study-page.not-found a:hover{background:#ffc049;transform:translateY(-2px)}[data-theme=light] .case-study-page.not-found a{background:#ff9f1c!important}[data-theme=light] .case-study-page.not-found a:hover{background:#ff8f0a!important}.back-link{position:fixed;top:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#000c;color:var(--color-text-secondary);text-decoration:none;border:none;border-radius:8px;font-weight:500;transition:all .3s ease;font-size:14px;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-link:hover{background:#000000f2;color:var(--color-text-primary);transform:translate(-4px);box-shadow:0 8px 24px #0006}[data-theme=light] .back-link{background:#fffffff2!important;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .back-link:hover{background:#fff!important;box-shadow:0 8px 24px #00000026!important}[data-theme=light] .back-link{background:#00000014!important;color:#64748b!important}[data-theme=light] .back-link:hover{background:#0000001f!important;color:#0f172a!important}.cs-title{font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.3;margin:0 0 40px;letter-spacing:-.5px;font-family:Space Grotesk,sans-serif}[data-theme=light] .cs-title{color:#0f172a!important}.cs-gallery{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:60px}.cs-image-wrapper{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000004d;transition:all .4s ease}.cs-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}[data-theme=light] .cs-image-wrapper{box-shadow:0 6px 24px #0000001a!important}[data-theme=light] .cs-image-wrapper:hover{box-shadow:0 12px 40px #00000026!important}.cs-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}.cs-image-wrapper.placeholder{height:400px}.cs-image-wrapper.placeholder img{height:100%;object-fit:cover}.cs-content{animation:fadeInUp .6s ease .2s backwards}.cs-problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}.cs-problem-solution .cs-section{margin-bottom:0}.cs-section{margin-bottom:50px;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}[data-theme=light] .cs-section{background:#00000005!important;border-color:#00000014!important}.cs-section h2{font-size:clamp(24px,4vw,32px);font-weight:700;margin:0 0 24px;color:var(--color-text-primary);font-family:Space Grotesk,sans-serif;letter-spacing:-.3px}[data-theme=light] .cs-section h2{color:#0f172a!important}.cs-section p{font-size:16px;line-height:1.8;color:var(--color-text-secondary);margin:0}[data-theme=light] .cs-section p{color:#4a4a46!important}.cs-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.cs-features-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:var(--color-text-secondary)}[data-theme=light] .cs-features-list li{color:#4a4a46!important}.checkmark{color:#ffb547;font-weight:700;font-size:18px;flex-shrink:0;margin-top:-2px}[data-theme=light] .checkmark{color:#ff9f1c!important}.cs-tech-stack{display:flex;flex-wrap:wrap;gap:12px}.cs-tech-tag{display:inline-block;padding:8px 16px;background:#ffb54726;border:1px solid rgba(255,181,71,.3);color:#ffb547;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease}.cs-tech-tag:hover{background:#ffb54740;border-color:#ffb54780;transform:translateY(-2px)}[data-theme=light] .cs-tech-tag{background:#ff9f1c26!important;border-color:#ff9f1c4d!important;color:#ff9f1c!important}[data-theme=light] .cs-tech-tag:hover{background:#ff9f1c40!important;border-color:#ff9f1c80!important}.cs-links{display:flex;gap:16px;flex-wrap:wrap}.cs-link-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#ffb547;color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:15px;transition:all .3s ease}.cs-link-btn:hover{background:#ffc049;transform:translateY(-3px);box-shadow:0 10px 30px #ffb5474d}[data-theme=light] .cs-link-btn{background:#ff9f1c!important}[data-theme=light] .cs-link-btn:hover{background:#ff8f0a!important;box-shadow:0 10px 30px #ff9f1c4d!important}@media(max-width:768px){.case-study-page{padding:30px 16px}.case-study-page-inner{max-width:100%}.cs-problem-solution{grid-template-columns:1fr;gap:24px}.back-link{margin-bottom:30px;padding:10px 16px;font-size:13px}.cs-title{font-size:clamp(24px,5vw,40px);margin-bottom:30px}.cs-gallery{gap:16px;margin-bottom:40px}.cs-image-wrapper.placeholder{height:300px}.cs-section{padding:24px;margin-bottom:32px}.cs-section h2{font-size:clamp(20px,3.5vw,28px);margin-bottom:16px}.cs-section p{font-size:15px}.cs-features-list li{font-size:14px}.cs-tech-stack{gap:10px}.cs-tech-tag{padding:6px 12px;font-size:13px}.cs-links{flex-direction:column;gap:12px}.cs-link-btn{width:100%;justify-content:center;padding:12px 24px;font-size:14px}}@media(max-width:480px){.case-study-page{padding:20px 12px}.back-link{margin-bottom:20px;padding:8px 12px;font-size:12px}.cs-title{font-size:clamp(20px,4.5vw,32px);margin-bottom:24px}.cs-gallery{gap:12px;margin-bottom:30px}.cs-image-wrapper.placeholder{height:220px}.cs-section{padding:16px;margin-bottom:24px}.cs-section h2{font-size:clamp(18px,3vw,24px);margin-bottom:12px}.cs-section p{font-size:14px}.cs-features-list li{font-size:13px;gap:10px}.checkmark{font-size:16px}.cs-tech-stack{gap:8px}.cs-tech-tag{padding:5px 10px;font-size:12px}.cs-link-btn{padding:10px 20px;font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.app{min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}section{scroll-margin-top:80px}