@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg:#faf5ff;--bg2:#fff;--text:#1a0533;--text2:#5b4b6e;--muted:#9b8aad;--border:#e2d5f0;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:rgba(124,58,237,.1);--accent2:#ec4899;--font-display:"Plus Jakarta Sans",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif}[data-theme=dark]{--bg:#0f0a1a;--bg2:#1a1028;--text:#f0e8ff;--text2:#b09ec8;--muted:#7a6a8a;--border:#2d1f45;--accent:#a855f7;--accent-hover:#9333ea;--accent-light:rgba(168,85,247,.12);--accent2:#f472b6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;border:2px solid var(--bg2)}html{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden;width:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s;max-width:100vw}main{overflow-x:hidden;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-tag{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.1;margin-bottom:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-size:14px;font-weight:700;border-radius:10px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:var(--font-body);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 15px rgba(124,58,237,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.4)}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg2);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(124,58,237,.04),transparent);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(124,58,237,.12);border-color:rgba(124,58,237,.25)}.skill-badge{padding:7px 16px;background:var(--accent-light);border:1px solid rgba(124,58,237,.25);border-radius:20px;font-size:13px;font-weight:600;color:var(--accent);animation:fadeInUp .6s ease-out forwards;opacity:0}.skill-badge:first-child{animation-delay:.05s}.skill-badge:nth-child(2){animation-delay:.1s}.skill-badge:nth-child(3){animation-delay:.15s}.skill-badge:nth-child(4){animation-delay:.2s}.skill-badge:nth-child(5){animation-delay:.25s}.skill-badge:nth-child(6){animation-delay:.3s}.skill-badge:nth-child(7){animation-delay:.35s}.skill-badge:nth-child(8){animation-delay:.4s}.skill-badge:nth-child(9){animation-delay:.45s}.skill-badge:nth-child(10){animation-delay:.5s}.skill-badge:nth-child(n+11){animation-delay:.55s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-slide-left{opacity:0;transform:translateX(-48px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal-slide-left.visible{opacity:1;transform:translateX(0)}.reveal-slide-right{opacity:0;transform:translateX(48px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal-slide-right.visible{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-delay-0{transition-delay:0s}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2),#06b6d4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:float 8s ease-in-out infinite}input,select,textarea{cursor:text;pointer-events:all;position:relative;z-index:1}@media (max-width:968px){.container{padding:0 24px!important;max-width:100%!important}.section{padding:60px 0!important}}@media (max-width:768px){.container{padding:0 20px!important;max-width:100%!important}.section{padding:50px 0!important}.section-title{font-size:30px!important;line-height:1.2!important}[style*="display: grid"],[style*="display:grid"]{grid-template-columns:1fr!important;gap:24px!important}[style*="display: flex"],[style*="display:flex"]{flex-direction:column!important;gap:14px!important}.btn{width:100%!important;text-align:center!important;justify-content:center!important}img{max-width:100%!important;height:auto!important}h1{font-size:34px!important;line-height:1.2!important}h2{font-size:26px!important}h3{font-size:20px!important}}@media (max-width:480px){.container{padding:0 16px!important}.section{padding:40px 0!important}.section-title{font-size:26px!important}h1{font-size:28px!important}.btn{padding:12px 20px!important;font-size:13px!important}.skill-badge{font-size:12px!important;padding:5px 12px!important}}