:root{--purple:#6c4df6;--violet:#8b35f5;--pink:#ef4fa4;--cyan:#20b8d7;--blue:#3867ff;--green:#18b981;--ink:#15162a;--muted:#59627a;--line:#e8e8f3;--gradient:linear-gradient(100deg,#4f3cff 0%,#9b2cff 48%,#f04c9d 100%);--soft:#faf9ff;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}.skip-link{position:absolute;left:16px;top:-100px;z-index:3000;background:#111;color:#fff;padding:10px 14px;border-radius:10px}.skip-link:focus{top:16px}.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(108,77,246,.09);backdrop-filter:blur(16px);z-index:2000}.navbar{min-height:68px}.brand-wrap{display:flex;align-items:center;gap:11px}.brand-mark{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.14em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:16px;font-weight:800}.brand-copy small{font-size:11px;color:#586078;margin-top:4px}.nav-link{font-size:14px;font-weight:600;color:#24263a;padding:.6rem .72rem!important}.nav-link:hover,.nav-link.active{color:var(--purple)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;height:2px;width:40px;bottom:3px;left:50%;transform:translateX(-50%);background:var(--gradient);border-radius:9px}.btn-gradient{border:0;color:#fff!important;background:var(--gradient);box-shadow:0 12px 30px rgba(108,77,246,.22);transition:.25s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(108,77,246,.3)}.btn-outline-primary{border:1.5px solid var(--purple);color:var(--purple);background:#fff}.btn-outline-primary:hover{background:var(--gradient);border-color:transparent;color:#fff}.linkedin-mini{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#0a66c2;color:#fff;font-size:18px;transition:.2s}.linkedin-mini:hover{transform:translateY(-2px);color:#fff;box-shadow:0 8px 20px rgba(10,102,194,.2)}
.hero-section{position:relative;min-height:455px;overflow:hidden;background:radial-gradient(circle at 8% 30%,rgba(108,77,246,.12),transparent 28%),radial-gradient(circle at 90% 20%,rgba(239,79,164,.13),transparent 25%),linear-gradient(120deg,#fff 0%,#fbfaff 45%,#fff 100%)}.hero-row{min-height:455px}.hero-content{padding:55px 0 45px}.hero-kicker{display:flex;align-items:center;gap:12px;letter-spacing:.4em;color:var(--purple);font-size:14px;font-weight:800;margin-bottom:14px}.kicker-line{width:32px;height:3px;background:var(--gradient);border-radius:20px}.hero-content h1{font-size:clamp(3.1rem,6vw,4.4rem);line-height:1;letter-spacing:-.065em;font-weight:850;margin:0}.hero-content h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content h2{font-size:clamp(1.55rem,3vw,2rem);margin:15px 0 12px;font-weight:800}.hero-lead{font-size:17px;max-width:600px;color:#3d465e;line-height:1.55;margin:0}.hero-highlights{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px}.highlight-item{display:flex;align-items:center;gap:9px}.highlight-item strong,.highlight-item small{display:block}.highlight-item strong{font-size:12px}.highlight-item small{font-size:10px;color:#586078;margin-top:2px}.icon-box{width:31px;height:31px;display:grid;place-items:center;font-size:18px}.icon-box.purple{color:var(--purple)}.icon-box.pink{color:var(--pink)}.icon-box.cyan{color:#ff16bd}.icon-box.violet{color:#8b35f5}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-actions .btn{padding:.7rem 1.35rem}.hero-visual{height:455px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(210,168,255,.78),rgba(239,93,168,.18) 58%,transparent 70%);top:50px;right:50px}.portrait-ring{position:absolute;width:335px;height:335px;border-radius:50%;border:1px solid rgba(108,77,246,.14);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(220,193,255,.25));top:62px;right:62px}.hero-photo{position:relative;z-index:2;width:min(370px,80%);height:425px;object-fit:cover;object-position:center top;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.01);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}.floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 17px;border-radius:15px;background:rgba(255,255,255,.93);box-shadow:0 16px 40px rgba(60,39,120,.12);font-size:11px;font-weight:600;color:#30364a;backdrop-filter:blur(8px)}.floating-card i{font-size:21px}.idea-card{top:80px;left:0}.idea-card i{color:var(--purple)}.growth-card{top:135px;right:-4px}.growth-card i{color:var(--blue)}.passion-card{bottom:76px;left:12px}.passion-card i{color:#f13d7e}.experience-bubble{position:absolute;z-index:6;right:-3px;bottom:30px;background:#fff;border-radius:19px;padding:16px 23px;box-shadow:0 18px 45px rgba(55,39,112,.14)}.experience-bubble strong{display:block;font-size:30px;line-height:1;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.experience-bubble span{font-size:13px;color:#41495f}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:180px;height:180px;left:-90px;top:120px;background:rgba(108,77,246,.08)}.orb-two{width:220px;height:220px;right:-100px;bottom:-90px;background:rgba(239,79,164,.09)}.dot-grid{position:absolute;width:60px;height:60px;opacity:.8;background-image:radial-gradient(#8d69ff 1.4px,transparent 1.4px);background-size:13px 13px}.dot-grid-one{right:45%;top:40px}.dot-grid-two{right:4%;bottom:90px}
.worked-strip{padding:18px 0 0}.worked-card{min-height:92px;border-radius:17px;background:linear-gradient(110deg,#f4f8ff,#faf8ff 55%,#f2faff);border:1px solid #edf0fa;display:flex;align-items:center;gap:12px;padding:15px 24px;box-shadow:0 9px 30px rgba(48,53,100,.04)}.worked-intro{display:flex;align-items:center;gap:12px;min-width:220px}.worked-intro strong,.worked-intro small{display:block}.worked-intro strong{font-size:15px}.worked-intro small{font-size:10px;color:#667089;max-width:160px}.big-icon{font-size:28px}.purple-text{color:var(--purple)}.company-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #f0eff7;border-radius:12px;padding:10px 14px;min-width:160px}.company-chip:hover{box-shadow:0 8px 20px rgba(60,40,120,.07)}.company-chip strong,.company-chip small{display:block}.company-chip strong{font-size:12px}.company-chip small{font-size:9px;color:#69728a;margin-top:2px}.company-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:16px}.company-icon.red{background:#fff0f0;color:#e92727}.company-icon.dark{background:#f1f3f8;color:#141827}.mini-stat{margin-left:auto;padding-left:17px;border-left:1px solid #dfe3ef;display:flex;align-items:center;gap:9px;min-width:100px}.mini-stat i{font-size:22px;color:var(--purple)}.mini-stat strong,.mini-stat small{display:block}.mini-stat strong{font-size:21px;line-height:1}.mini-stat small{font-size:9px;color:#68718a;margin-top:3px}
.section{padding:86px 0}.section-kicker{font-size:12px;font-weight:850;letter-spacing:.34em;color:var(--purple);margin-bottom:10px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.055em;margin:0}.section-title span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.section-copy{color:var(--muted);font-size:16px;line-height:1.7}.about-section{background:#fff}.about-section .section-title{max-width:550px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.about-points span{font-size:13px;font-weight:700;color:#394157}.about-points i{color:var(--purple);margin-right:7px}.skills-section{background:linear-gradient(180deg,#fff,#fbfaff)}.skill-card{height:100%;padding:25px;border-radius:22px;background:#fff;border:1px solid #ebe8f5;box-shadow:0 14px 38px rgba(47,32,99,.055);transition:.25s}.skill-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(84,55,177,.11)}.skill-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.purple-bg{background:#eeeaff;color:var(--purple)}.pink-bg{background:#ffedf7;color:#e83e94}.cyan-bg{background:#e8fbff;color:#159bb6}.violet-bg{background:#f2eaff;color:#8835e9}.skill-card h3{font-size:18px;font-weight:800}.skill-card p{font-size:13px;color:#667089;min-height:64px}.skill-tags{display:flex;gap:6px;flex-wrap:wrap}.skill-tags span{font-size:10px;font-weight:700;padding:5px 9px;border-radius:50px;background:#f5f3fb;color:#665d84}
.experience-section{background:radial-gradient(circle at 95% 20%,rgba(239,79,164,.07),transparent 24%),#fff}.experience-timeline{position:relative;max-width:930px;margin-left:auto;margin-right:auto}.experience-timeline:before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:linear-gradient(#6c4df6,#ef4fa4)}.experience-card{position:relative;display:flex;gap:18px;margin-bottom:26px;padding:24px 28px 24px 20px;background:#fff;border:1px solid #ebe8f5;border-radius:22px;box-shadow:0 13px 40px rgba(46,34,87,.06)}.timeline-dot{position:relative;z-index:2;width:55px;height:55px;flex:0 0 55px;border-radius:18px;background:var(--gradient);color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px rgba(108,77,246,.2)}.experience-icon{width:45px;height:45px;flex:0 0 45px;border-radius:13px;background:#f1efff;color:var(--purple);display:grid;place-items:center;font-size:20px}.experience-main h3{margin:10px 0 4px;font-size:21px}.experience-main>a{color:var(--purple);font-weight:750;font-size:14px}.experience-main p{color:#667089;font-size:13px;margin:10px 0 0}.date-badge{display:inline-flex;align-items:center;background:#f3f0ff;color:#6a55bb;padding:6px 10px;border-radius:50px;font-size:10px;font-weight:750}
.projects-section{background:linear-gradient(180deg,#fbfaff,#fff)}.project-intro{max-width:800px}.project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.project-card{min-width:0;overflow:hidden;border-radius:19px;border:1px solid #ebe8f4;background:#fff;box-shadow:0 12px 35px rgba(48,34,90,.05);transition:.25s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(76,49,151,.12)}.project-thumb{position:relative;aspect-ratio:1.48;overflow:hidden;background:#f4f3fa}.project-thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:.45s}.project-card:hover .project-thumb img{transform:scale(1.04)}.project-index{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.88);font-size:9px;font-weight:850;color:#4b4660}.thumb-link{position:absolute;right:9px;top:9px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);color:var(--purple);font-size:14px}.project-body{padding:14px 14px 15px;display:flex;flex-direction:column;flex:1}.project-category{font-size:10px;color:#68718a;display:flex;align-items:center;gap:5px;margin-bottom:5px}.project-category i{color:var(--purple)}.project-body h3{font-size:15px;line-height:1.2;font-weight:850;margin:0 0 8px}.project-body p{font-size:11.5px;line-height:1.45;color:#59627a;margin:0 0 14px}.live-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 12px;border:1px solid currentColor;border-radius:50px;font-size:10px;font-weight:800;margin-top:auto}.live-link i{font-size:13px}.project-purple .live-link{color:#9c21ff}.project-blue .live-link{color:#2f63ff}.project-pink .live-link{color:#e93da0}.project-cyan .live-link{color:#306bff}.project-green .live-link{color:#18b981}.project-purple{background:linear-gradient(180deg,#fff,#fbf5ff)}.project-blue{background:linear-gradient(180deg,#fff,#f2f9ff)}.project-pink{background:linear-gradient(180deg,#fff,#fff4f9)}.project-cyan{background:linear-gradient(180deg,#fff,#f2fbff)}.project-green{background:linear-gradient(180deg,#fff,#f3fff9)}
.education-section{background:#fff}.edu-card{height:100%;padding:25px;border-radius:22px;background:linear-gradient(135deg,#faf8ff,#fff);border:1px solid #ece8f5;box-shadow:0 12px 34px rgba(48,35,92,.05)}.edu-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eeeaff;color:var(--purple);font-size:22px;margin-bottom:18px}.edu-icon.pink{background:#ffedf7;color:#e83e94}.edu-icon.cyan{background:#e8fbff;color:#149cb9}.edu-card small{font-size:10px;color:#7a8196;font-weight:700}.edu-card h3{font-size:18px;font-weight:800;margin:8px 0}.edu-card p{font-size:12px;color:#657089;margin:0}
.contact-section{padding:0 0 70px}.contact-card{overflow:hidden;border-radius:30px;padding:58px;background:radial-gradient(circle at 90% 10%,rgba(32,184,215,.42),transparent 25%),radial-gradient(circle at 10% 90%,rgba(239,93,168,.35),transparent 30%),linear-gradient(135deg,#3e2ba4,#6c4df6 53%,#b52b78);box-shadow:0 28px 80px rgba(82,47,178,.18);color:#fff}.section-kicker.light{color:#ded8ff}.contact-card h2{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.06em;font-weight:850}.contact-card h2 span{display:block;color:#f3c3ff}.contact-card p{max-width:570px;color:#eeeaff}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.contact-actions .btn-light{color:#3858e7}.contact-points>div{display:flex;gap:16px;align-items:center;margin:16px 0}.contact-points>div>span{width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:21px}.contact-points strong,.contact-points small{display:block}.contact-points strong{font-size:14px}.contact-points small{font-size:11px;color:#e5e2f8;margin-top:3px}
.site-footer{border-top:1px solid #eceaf4;background:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.footer-nav{display:flex;gap:21px;flex-wrap:wrap;justify-content:center}.footer-nav a{font-size:11px;color:#525b71;font-weight:650}.footer-nav a:hover{color:var(--purple)}.footer-brand .brand-mark{font-size:30px}.footer-bottom{border-top:1px solid #eeeef5;padding:16px 0;display:flex;justify-content:space-between;gap:15px;color:#667089;font-size:10px}.footer-bottom i{color:#f04c75}
.reveal{opacity:0;transform:translateY(16px);transition:.65s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1199px){.project-grid{grid-template-columns:repeat(3,1fr)}.worked-card{flex-wrap:wrap}.worked-intro{min-width:200px}.mini-stat{margin-left:0}.hero-content h1{font-size:3.5rem}}@media(max-width:991px){.navbar-collapse{padding:15px 0}.nav-link.active:after{display:none}.hero-row{min-height:auto}.hero-content{padding:65px 0 20px}.hero-visual{height:430px;margin-top:5px}.hero-photo{height:410px}.portrait-glow,.portrait-ring{right:50%;transform:translateX(50%)}.idea-card{left:7%}.growth-card{right:4%}.passion-card{left:8%}.experience-bubble{right:5%}.worked-card{gap:10px}.mini-stat{border-left:0;padding-left:10px}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-top{flex-direction:column}}@media(max-width:575px){.hero-content{padding-top:45px}.hero-content h1{font-size:3rem}.hero-lead{font-size:15px}.hero-highlights{gap:13px 18px}.hero-visual{height:390px}.hero-photo{width:330px;height:370px}.portrait-glow,.portrait-ring{width:290px;height:290px;top:52px}.floating-card{font-size:9px;padding:9px 12px}.floating-card i{font-size:17px}.idea-card{top:62px;left:0}.growth-card{top:120px;right:0}.passion-card{bottom:64px;left:0}.experience-bubble{bottom:18px;right:0;padding:12px 16px}.experience-bubble strong{font-size:24px}.experience-bubble span{font-size:10px}.worked-card{padding:16px}.worked-intro,.company-chip{width:100%;min-width:0}.mini-stat{width:30%;min-width:0}.mini-stat strong{font-size:17px}.mini-stat small{font-size:8px}.section{padding:65px 0}.about-points{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card{max-width:480px;margin:auto;width:100%}.contact-card{padding:35px 24px;border-radius:24px}.footer-nav{gap:13px}.footer-bottom{flex-direction:column;text-align:center}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Shared detail-page + resume compatibility */
.project-hero{padding:95px 0 65px;background:radial-gradient(circle at 85% 20%,rgba(108,77,246,.13),transparent 27%),radial-gradient(circle at 15% 80%,rgba(239,93,168,.10),transparent 25%),#faf9ff}.project-detail{max-width:900px}.project-hero .hero-lead{max-width:760px}.project-detail-visual{border-radius:28px;overflow:hidden;border:1px solid #e4def2;background:#fff;box-shadow:0 25px 70px rgba(70,46,140,.12)}.project-detail-visual img{display:block;width:100%;height:auto}.screenshot-frame{overflow:hidden;border-radius:1.5rem;background:#fff;box-shadow:0 24px 70px rgba(42,31,84,.14);border:1px solid rgba(108,77,246,.12)}.screenshot-frame img{display:block;width:100%;height:auto;min-height:300px;object-fit:cover;object-position:top}.detail-box{border:1px solid #e7e2f3;border-radius:24px;padding:1.5rem;background:#fff;box-shadow:0 10px 30px rgba(45,31,85,.045)}.detail-box:hover{border-color:rgba(108,77,246,.28);box-shadow:0 18px 45px rgba(108,77,246,.10)}.about-copy{color:var(--muted);font-size:16px;line-height:1.75}.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-list li{position:relative;padding:13px 15px 13px 42px;border:1px solid #e9e6f2;border-radius:14px;background:#fff;color:#4d566e;font-size:13px}.feature-list li:before{content:"\\F26A";font-family:"bootstrap-icons";position:absolute;left:15px;top:12px;color:var(--purple);font-size:15px}.project-visual{aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:#f5f3fb;border:1px solid #ebe8f4;margin:-.1rem -.1rem 1.3rem}.project-visual img{width:100%;height:100%;object-fit:cover;display:block}.project-number{font-size:.8rem;color:#e64c9e;letter-spacing:.12em;font-weight:800}.project-arrow{color:var(--purple);font-weight:750;text-decoration:none;margin-top:auto;padding-top:1.2rem;display:inline-block}.project-arrow:hover{color:#ef4fa4}.badge-soft{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:#f0ecff;color:var(--purple);font-size:.78rem;font-weight:700}
/* Print-ready ATS resume */
.resume-page{background:#f5f3fb;min-height:100vh}.resume-toolbar{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(245,243,251,.92);backdrop-filter:blur(12px)}.resume-paper{max-width:900px;margin:24px auto 60px;background:#fff;box-shadow:0 24px 70px rgba(38,25,80,.14);padding:52px 60px;color:#161522}.resume-header{border-bottom:3px solid #6c4df6;padding-bottom:22px}.resume-name{font-size:36px;line-height:1.05;font-weight:800;letter-spacing:-.04em}.resume-role{color:#6c4df6;font-weight:700;margin-top:5px}.resume-contact{color:#5d596d;font-size:13px;margin-top:10px}.resume-section{margin-top:24px}.resume-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#6c4df6;border-bottom:1px solid #e6e1f0;padding-bottom:7px;margin-bottom:11px}.resume-summary{font-size:13.5px;line-height:1.55}.resume-entry{margin-bottom:15px}.resume-entry-title{font-size:14.5px;font-weight:750}.resume-entry-meta{color:#686476;font-size:12.5px}.resume-entry p{font-size:12.8px;line-height:1.5;margin:5px 0 0}.resume-list{margin:0;padding-left:18px;font-size:12.8px;line-height:1.55}.resume-skills{font-size:12.8px;line-height:1.65}.resume-actions .btn{min-width:150px}@media(max-width:767px){.resume-paper{margin:10px;padding:30px 24px}.resume-name{font-size:30px}.feature-list{grid-template-columns:1fr}}@media print{@page{size:A4;margin:12mm}.resume-toolbar,.resume-page .site-header,.resume-page .site-footer{display:none!important}.resume-page{background:#fff!important}.resume-paper{margin:0;padding:0;max-width:none;box-shadow:none}.resume-section,.resume-entry{break-inside:avoid}a{color:inherit!important;text-decoration:none!important}}


/* Premium project case-study pages — matched to the homepage UI */
.detail-hero{position:relative;overflow:hidden;padding:76px 0 70px;background:radial-gradient(circle at 88% 20%,rgba(239,79,164,.18),transparent 28%),radial-gradient(circle at 15% 80%,rgba(108,77,246,.15),transparent 28%),linear-gradient(135deg,#fbf9ff 0%,#f7fbff 55%,#fff7fc 100%)}
.detail-hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:40px;background:rgba(239,79,164,.08);filter:blur(5px)}
.detail-purple{--detail:#9c21ff;--detail-soft:#f5eaff}.detail-blue{--detail:#3867ff;--detail-soft:#eaf1ff}.detail-pink{--detail:#e83d9c;--detail-soft:#ffedf7}.detail-cyan{--detail:#2871ff;--detail-soft:#eaf6ff}.detail-green{--detail:#16aa7a;--detail-soft:#e7fff6}
.detail-breadcrumb{display:flex;gap:10px;align-items:center;color:#788198;font-size:12px;font-weight:700;margin-bottom:28px}.detail-breadcrumb a{color:var(--detail);display:inline-flex;align-items:center;gap:7px}.detail-breadcrumb a:hover{opacity:.75}.detail-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--detail);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.detail-kicker-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--detail-soft);font-size:16px}.detail-title{font-size:clamp(2.8rem,6vw,5rem);font-weight:900;letter-spacing:-.065em;line-height:1;margin:16px 0 18px}.detail-lead{max-width:700px;font-size:18px;line-height:1.7;color:#59627a}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.detail-mini-stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.detail-mini-stats div{display:flex;align-items:center;gap:8px;font-size:11px;color:#5c657c;font-weight:700}.detail-mini-stats i{color:var(--detail);font-size:16px}.detail-visual-card{position:relative;border-radius:28px;padding:10px;background:rgba(255,255,255,.7);border:1px solid rgba(108,77,246,.12);box-shadow:0 28px 80px rgba(54,35,115,.15);transform:rotate(1deg)}.browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#fff;border-radius:19px 19px 10px 10px;color:#657087}.browser-bar>span{width:8px;height:8px;border-radius:50%;background:#d9d7e6}.browser-bar strong{font-size:10px;flex:1;text-align:center;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-bar strong i{color:var(--detail);margin-right:4px}.browser-bar>a{font-size:15px;color:var(--detail)}.detail-shot{position:relative;overflow:hidden;border-radius:10px 10px 20px 20px;aspect-ratio:1200/760;background:#f4f2f9}.detail-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.shot-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--detail);background:var(--detail-soft);font-size:12px;font-weight:800}.detail-overview{background:#fff}.detail-panel{border:1px solid #ebe7f5;border-radius:26px;padding:30px;background:linear-gradient(145deg,#fff,#fcfbff);box-shadow:0 14px 40px rgba(54,39,104,.055)}.detail-panel:hover{box-shadow:0 22px 55px rgba(76,49,151,.09);border-color:rgba(108,77,246,.2)}.detail-link-panel{position:relative;overflow:hidden}.detail-link-panel:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-75px;background:var(--detail-soft)}.panel-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--detail-soft);color:var(--detail);font-size:22px;margin-bottom:20px}.live-domain{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;color:var(--detail);font-size:12px;font-weight:800;word-break:break-all}.detail-features{background:linear-gradient(135deg,#fbfaff,#f7fbff 50%,#fff9fc)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-card{display:flex;gap:13px;align-items:flex-start;padding:17px;border-radius:18px;border:1px solid #e9e5f2;background:#fff;box-shadow:0 8px 24px rgba(54,39,104,.045);transition:.25s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(76,49,151,.1);border-color:rgba(108,77,246,.2)}.feature-icon{width:42px;height:42px;min-width:42px;border-radius:13px;display:grid;place-items:center;background:var(--detail-soft);color:var(--detail);font-size:18px}.feature-card h3{font-size:13px;line-height:1.35;font-weight:800;margin:2px 0 4px}.feature-card p{font-size:10px;color:#7a8297;margin:0;line-height:1.45}.detail-outcome{padding:38px;border-radius:28px;border:1px solid rgba(108,77,246,.1);background:linear-gradient(135deg,#fff,#fbf8ff);box-shadow:0 18px 55px rgba(54,39,104,.06)}.detail-outcome .section-kicker{color:var(--detail)}.next-project{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:24px;background:linear-gradient(100deg,#f5f0ff,#fff1fa);border:1px solid #eee5f7}.next-project .section-kicker{margin-bottom:7px}.next-project .section-kicker i{color:var(--purple)}
@media(max-width:991px){.detail-visual-card{transform:none}.detail-hero{padding:55px 0}.detail-title{font-size:clamp(2.7rem,10vw,4rem)}}
@media(max-width:575px){.detail-hero{padding:42px 0 48px}.detail-lead{font-size:15px}.detail-mini-stats{gap:12px}.detail-mini-stats div{font-size:10px}.feature-grid{grid-template-columns:1fr}.detail-panel{padding:23px}.detail-outcome{padding:26px}.next-project{align-items:flex-start;flex-direction:column}.next-project .btn{width:100%}}

/* Contact form */
.contact-form-wrap{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px;box-shadow:0 20px 55px rgba(25,15,80,.12)}
.contact-form-wrap label{display:block;font-size:12px;font-weight:750;margin:0 0 7px;color:#fff;letter-spacing:.02em}
.input-icon{position:relative}.input-icon>i{position:absolute;left:15px;top:14px;color:#6c4df6;z-index:2}.input-icon input,.input-icon textarea{width:100%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.94);border-radius:14px;padding:12px 14px 12px 42px;color:#1d1930;outline:none;transition:.2s ease}.input-icon textarea{min-height:130px;resize:vertical}.input-icon.textarea-icon>i{top:16px}.input-icon input:focus,.input-icon textarea:focus{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2)}.form-note{color:#eeeaff}.form-status{margin-top:14px;min-height:20px;color:#fff;font-size:13px}.form-status.success{color:#d9ffeb}.form-status.error{color:#ffe1e1}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}