.hero{isolation:isolate;justify-content:center;align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-orbs{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(90px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#8b5cf659,#0000 70%);width:45vmax;height:45vmax;animation:18s ease-in-out infinite alternate drift1;top:-18vmax;right:-12vmax}.hero-orb-2{background:radial-gradient(circle,#22d3ee47,#0000 70%);width:40vmax;height:40vmax;animation:22s ease-in-out infinite alternate drift2;bottom:-15vmax;left:-12vmax}.hero-orb-3{background:radial-gradient(circle,#f472b626,#0000 70%);width:28vmax;height:28vmax;animation:26s ease-in-out infinite alternate drift3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(-6%,10%)scale(1.15)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(8%,-8%)scale(1.2)}}@keyframes drift3{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-45%,-55%)scale(1.3)}}.hero-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.hero-badge-wrapper{display:inline-flex}.hero-badge{letter-spacing:3px;color:var(--text-secondary);text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:.78rem;font-weight:500;display:inline-flex}.pulse-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{letter-spacing:-.02em;filter:drop-shadow(0 4px 24px #8b5cf659);margin:.25rem 0;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:800;line-height:1.25}.hero-subtitle{color:var(--text-secondary);max-width:520px;padding-bottom:1.5rem;font-size:1.05rem;line-height:1.9;position:relative}.hero-subtitle:after{content:"";background:linear-gradient(90deg,#22d3ee80,#a78bfa80,#0000);width:80px;height:1px;position:absolute;bottom:0;right:0}.typing-cursor{background:var(--cyan);vertical-align:middle;width:2px;height:1em;margin-right:4px;animation:1.1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.socials-wrapper{flex-direction:column;gap:1rem;width:100%;max-width:420px;margin-top:1.5rem;display:flex}.socials-hint{letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:.85rem;font-size:.82rem;font-weight:500;display:inline-flex}.socials-hint:before,.socials-hint:after{content:"";background:linear-gradient(90deg,#0000,#a78bfa73,#0000);width:36px;height:1px;display:inline-block}.socials-loading{color:var(--text-muted);padding:.5rem 0;font-size:.85rem}.socials-list{flex-direction:column;gap:.6rem;display:flex}.social-link{color:var(--text-primary);background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1.1rem;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px -6px #0006}.social-link:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.social-link:hover:before{left:100%}.social-link:hover{border-color:var(--brand,#a78bfa80);box-shadow:0 8px 30px -10px var(--brand,#a78bfa99);background:color-mix(in srgb, var(--brand,#a78bfa) 12%, transparent);transform:translateY(-3px)}.social-link-icon{width:36px;height:36px;color:var(--brand,var(--violet));background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;transition:all .35s;display:flex}.social-link:hover .social-link-icon{background:color-mix(in srgb, var(--brand,#a78bfa) 22%, transparent);border-color:var(--brand,#a78bfa);box-shadow:0 0 18px color-mix(in srgb, var(--brand,#a78bfa) 50%, transparent)}.social-link-label{text-align:right;flex:1;font-size:.92rem;font-weight:500}.social-link-arrow{opacity:.4;color:var(--brand,var(--violet));font-size:.75rem;transition:all .35s}.social-link:hover .social-link-arrow{opacity:1;transform:translate(-4px)}.socials-note{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.78rem;display:inline-flex}.note-arrow{color:#a78bfab3;font-size:.8rem;animation:2.4s infinite bounceY}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-image{justify-content:center;align-items:center;display:flex}.profile-frame{justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.profile-glow{filter:blur(40px);background:radial-gradient(circle,#a78bfa59,#0000 60%);border-radius:50%;animation:5s infinite alternate glowPulse;position:absolute;inset:-20px}@keyframes glowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.profile-img{z-index:2;object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 20px 60px -20px #8b5cf699}.profile-ring{pointer-events:none;z-index:1;border:1px solid #a78bfa4d;border-radius:50%;position:absolute}.ring-1{animation:20s linear infinite spinSlow;inset:-12px}.ring-2{border-color:#22d3ee33;animation:30s linear infinite reverse spinSlow;inset:-26px}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-down{color:var(--text-muted);letter-spacing:1.5px;cursor:pointer;z-index:5;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;transition:color .3s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-down:hover{color:var(--violet)}.scroll-mouse{background:#ffffff08;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:28px;height:42px;display:flex}.scroll-chevron{font-size:1rem;animation:1.8s infinite bounceY}@media (max-width:900px){.hero{padding:7rem 0 3rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-text{align-items:center}.hero-subtitle{max-width:100%}.hero-subtitle:after{right:50%;transform:translate(50%)}.socials-wrapper{max-width:100%}.profile-frame{width:260px;height:260px}}@media (max-width:480px){.hero{padding:6rem 0 2rem}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:.95rem}.profile-frame{width:220px;height:220px}.social-link{padding:.75rem .95rem;font-size:.88rem}.social-link-icon{width:32px;height:32px;font-size:.95rem}}
.about-section{z-index:2;padding:6rem 0;position:relative}.about-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;display:grid}.about-image-wrapper{justify-content:center;display:flex;position:relative}.about-image-container{border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #8b5cf680}.about-image{width:100%;height:auto;display:block}.about-dots{pointer-events:none;position:absolute;inset:0}.about-dots .dot{background:var(--violet);width:6px;height:6px;box-shadow:0 0 12px var(--violet);animation:3s ease-in-out infinite floatDot;animation-delay:var(--delay);opacity:.6;border-radius:50%;position:absolute}.about-dots .dot:first-child{top:15%;right:12%}.about-dots .dot:nth-child(2){top:25%;right:85%}.about-dots .dot:nth-child(3){top:60%;right:8%}.about-dots .dot:nth-child(4){top:80%;right:90%}.about-dots .dot:nth-child(5){top:45%;right:92%}.about-dots .dot:nth-child(6){top:88%;right:20%}@keyframes floatDot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-8px)}}.about-content{flex-direction:column;gap:1.25rem;display:flex}.about-badge{letter-spacing:1.5px;color:var(--violet);text-transform:uppercase;background:#a78bfa14;border:1px solid #a78bfa33;border-radius:100px;align-self:flex-start;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-icon{font-size:.85rem}.about-title{background:linear-gradient(135deg,#fff 0%,#e9e2ff 50%,#c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.3}.title-highlight{color:var(--violet);-webkit-text-fill-color:var(--violet);margin-top:.25rem;font-size:.72em;font-weight:600;display:block}.about-description{color:var(--text-secondary);max-width:540px;font-size:1rem;line-height:2}.about-features{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.about-feature-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;transition:all .3s;display:flex}.about-feature-item:hover{background:#a78bfa0f;border-color:#a78bfa33;transform:translate(-4px)}.feature-icon-wrapper{background:#a78bfa1a;border:1px solid #a78bfa40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-icon{color:var(--violet);font-size:1rem}.feature-content h4{color:var(--text-primary);margin-bottom:.15rem;font-size:.95rem;font-weight:600}.feature-content p{color:var(--text-muted);font-size:.85rem;line-height:1.7}@media (max-width:900px){.about-section{padding:4rem 0}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-image-container{max-width:340px;margin:0 auto}.about-content{text-align:center;align-items:center}.about-badge{align-self:center}.about-description{margin:0 auto}.about-features{width:100%;max-width:500px}.about-feature-item{text-align:right}}
.features-section{z-index:2;padding:6rem 0;position:relative}.features-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.features-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.features-badge{letter-spacing:1.5px;color:var(--violet);text-transform:uppercase;background:#a78bfa14;border:1px solid #a78bfa33;border-radius:100px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-star{color:var(--gold);font-size:.85rem}.features-title{background:linear-gradient(135deg,#fff 0%,#e9e2ff 50%,#c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:700px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.3}.features-title .title-highlight{color:var(--violet);-webkit-text-fill-color:var(--violet);margin-top:.25rem;font-size:.72em;font-weight:600;display:block}.features-subtitle{color:var(--text-secondary);max-width:620px;font-size:1rem;line-height:1.9}.highlight-text{color:var(--violet);font-weight:500}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(16px);background:#11162180;border:1px solid #ffffff0f;border-radius:20px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--card-color);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:color-mix(in srgb, var(--card-color) 40%, transparent);box-shadow:0 20px 50px -20px color-mix(in srgb, var(--card-color) 50%, transparent), 0 0 0 1px color-mix(in srgb, var(--card-color) 20%, transparent);transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-card-inner{z-index:1;flex-direction:column;gap:1.25rem;height:100%;padding:2rem 1.75rem;display:flex;position:relative}.feature-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.feature-icon-wrapper{background:color-mix(in srgb, var(--card-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--card-color) 25%, transparent);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .4s;display:flex;position:relative}.feature-icon-ring{border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.feature-card:hover .feature-icon-wrapper{background:color-mix(in srgb, var(--card-color) 18%, transparent);border-color:color-mix(in srgb, var(--card-color) 50%, transparent);transform:rotate(-4deg)scale(1.05)}.feature-icon{color:var(--card-color);font-size:1.4rem}.feature-id{letter-spacing:1px;color:var(--text-muted);opacity:.7;font-size:.75rem;font-weight:700}.feature-content{flex-direction:column;flex:1;gap:.75rem;display:flex}.feature-title{color:var(--text-primary);letter-spacing:.02em;font-size:1.15rem;font-weight:700}.feature-description{color:var(--text-secondary);font-size:.9rem;line-height:1.85}.feature-benefits{border-top:1px solid #ffffff0d;flex-direction:column;gap:.55rem;margin-top:auto;padding-top:.75rem;list-style:none;display:flex}.feature-benefits li{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.83rem;display:flex}.benefit-icon{color:var(--card-color);flex-shrink:0;font-size:.85rem}@media (max-width:900px){.features-section{padding:4rem 0}.features-header{margin-bottom:3rem}.feature-card-inner{padding:1.5rem 1.4rem}}@media (max-width:480px){.features-grid{grid-template-columns:1fr;gap:1rem}.feature-icon-wrapper{width:48px;height:48px}.feature-icon{font-size:1.2rem}}
.contact-section{z-index:2;padding:6rem 0;position:relative}.contact-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.contact-card{-webkit-backdrop-filter:blur(20px)saturate(140%);background:#11162180;border:1px solid #ffffff14;border-radius:24px;padding:2.5rem;box-shadow:0 30px 60px -30px #000000e6}.form-header{text-align:center;margin-bottom:2rem}.form-title{background:linear-gradient(135deg,#fff,#c4b5fd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:1.8rem;font-weight:800}.form-subtitle{color:var(--text-muted);font-size:.9rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.label-icon{color:var(--violet);font-size:.8rem}.required{color:var(--error)}.form-input,.form-textarea{width:100%;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:all .25s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.7}.form-input:focus,.form-textarea:focus{background:#a78bfa0a;border-color:#a78bfa80;outline:none;box-shadow:0 0 0 3px #a78bfa1a}.form-input.error,.form-textarea.error{border-color:#ef444480}.form-textarea{resize:vertical;min-height:120px}.char-count{color:var(--text-muted);text-align:left;margin-top:.2rem;font-size:.75rem}.error-message{color:var(--error);margin-top:.15rem;font-size:.78rem}.submit-error{background:#ef444414;border:1px solid #ef444440;border-radius:10px;padding:.75rem 1rem}.submit-btn{background:linear-gradient(135deg, var(--violet), var(--cyan));color:#fff;letter-spacing:.02em;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;padding:1rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 10px 30px -10px #a78bfa80}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px -10px #a78bfab3}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.success{background:linear-gradient(135deg, var(--success), #16a34a);box-shadow:0 10px 30px -10px #22c55e80}.send-icon,.success-icon{font-size:1rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-message{color:var(--success);background:#22c55e14;border:1px solid #22c55e40;border-radius:12px;align-items:flex-start;gap:.6rem;padding:1rem 1.15rem;font-size:.85rem;line-height:1.7;display:flex}.success-message svg{flex-shrink:0;margin-top:2px}@media (max-width:640px){.contact-section{padding:4rem 0}.contact-card{border-radius:20px;padding:1.75rem 1.25rem}.form-row{grid-template-columns:1fr}.form-title{font-size:1.5rem}}