:root{--avinto-ink:#24153f;--avinto-purple:#7047bf;--avinto-violet:#9a72dd;--avinto-warm:#ffb76b;--avinto-mint:#4fc6a5}
.nav-switch{height:42px;border:1px solid var(--purple-200);border-radius:13px;background:#fff;color:var(--purple-800);display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:4px;font-weight:850;cursor:pointer;box-shadow:0 8px 22px rgba(66,32,111,.06);transition:.22s ease}.nav-switch:hover{transform:translateY(-2px);border-color:var(--purple-400)}.language-switch{width:72px}.language-switch span{height:30px;min-width:30px;display:grid;place-items:center;border-radius:9px;font-size:.68rem}.language-switch span:first-child,.theme-switch i:first-child{background:var(--purple-100);color:var(--purple-800)}html[data-language=en] .language-switch span:first-child{background:transparent;color:#80758c}html[data-language=en] .language-switch span:last-child{background:var(--purple-100);color:var(--purple-800)}.theme-switch{width:58px}.theme-switch i{width:30px;height:30px;padding:7px;border-radius:9px}.theme-switch i:last-child{color:#82768d}html[data-theme=dark] .theme-switch i:first-child{background:transparent;color:#8390a7}html[data-theme=dark] .theme-switch i:last-child{background:#27364f;color:#dce7ff}
.avinto-mark{font-size:1.2rem;font-weight:800;color:#fff;font-style:normal}.brand .avinto-mark{display:grid;place-items:center}.avinto-hero{padding-bottom:76px}.avinto-visual{min-height:520px;display:grid;place-items:center}.hero-portrait-shell{position:relative;width:min(430px,92%);height:480px;border-radius:42% 42% 30% 30%/34% 34% 22% 22%;background:linear-gradient(145deg,#f2ebff,#d8c8f6);overflow:hidden;box-shadow:0 35px 80px rgba(76,43,128,.2);border:1px solid rgba(255,255,255,.8)}.hero-portrait-shell:before{content:"";position:absolute;inset:22px;border:1px solid rgba(112,71,191,.16);border-radius:inherit}.hero-portrait-shell>img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:1}.hero-code-card{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;padding:16px 19px;background:rgba(37,22,62,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff;display:flex;flex-direction:column}.hero-code-card span{font-size:.75rem;color:#cdb9ef;text-transform:uppercase;letter-spacing:.12em}.hero-code-card strong{font-size:.9rem;margin-top:3px}.avinto-visual .float-card{display:flex;gap:7px;align-items:center}.avinto-intro{overflow:hidden}.skill-cloud{min-height:410px;display:grid;place-items:center;background:radial-gradient(circle,#f7f1ff 0,#eee4fb 45%,transparent 70%)}.skill-orbit{width:330px;height:330px;border:1px dashed rgba(112,71,191,.32);border-radius:50%;position:relative;animation:orbitFloat 7s ease-in-out infinite}.skill-orbit>span{position:absolute;padding:8px 12px;background:#fff;border:1px solid #e4d7f5;border-radius:999px;font-size:.75rem;font-weight:700;box-shadow:0 9px 24px rgba(60,35,100,.1)}.skill-orbit>span:nth-child(1){top:8%;left:5%}.skill-orbit>span:nth-child(2){top:2%;right:12%}.skill-orbit>span:nth-child(3){top:44%;right:-8%}.skill-orbit>span:nth-child(4){bottom:6%;right:12%}.skill-orbit>span:nth-child(5){bottom:4%;left:8%}.skill-orbit>span:nth-child(6){top:46%;left:-10%}.skill-core{position:absolute;inset:92px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:6px;color:#fff;background:linear-gradient(145deg,#3c176f,#8b58d0);box-shadow:0 22px 50px rgba(75,36,130,.3)}@keyframes orbitFloat{50%{transform:translateY(-8px) rotate(1deg)}}
.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section-heading-row .section-title{margin-bottom:8px}.section-heading-row .section-lead{margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{display:flex;flex-direction:column}.service-card p{flex:1}.service-price{margin-top:22px;padding-top:16px;border-top:1px solid #eee7f6;font-size:.82rem;font-weight:800;color:var(--avinto-purple)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{padding:0;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.project-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(52,29,91,.14)}.project-cover{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#ede6f7}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.project-card:hover .project-cover img{transform:scale(1.045)}.project-arrow{position:absolute;right:15px;top:15px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(38,21,65,.75);backdrop-filter:blur(8px);transform:translateY(-5px);opacity:0;transition:.3s}.project-card:hover .project-arrow{transform:none;opacity:1}.project-card-body{padding:22px}.project-meta{display:flex;justify-content:space-between;color:#8d80a1;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.project-card h3{margin:9px 0 8px;font-size:1.18rem}.project-card h3 a{color:var(--avinto-ink)}.project-card p{font-size:.84rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tech-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tech-list span{font-size:.7rem;font-weight:700;color:#65459e;background:#f3edfb;border:1px solid #e7dcf5;border-radius:999px;padding:6px 9px}.tech-list.compact{margin-top:0}.tech-list.compact span{padding:4px 7px;font-size:.65rem}
.experience-preview{gap:70px}.process-list{margin-top:34px}.process-item{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:17px 0;border-bottom:1px solid #ede7f4}.process-item>span{font-size:.7rem;font-weight:800;color:#865bc7;background:#f0e8fa;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.process-item h3{margin:0 0 4px;font-size:1rem}.process-item p{margin:0;font-size:.82rem}.leadership-card{padding:38px;background:linear-gradient(145deg,#32125f,#7745b9);color:#fff}.leadership-card .section-kicker{color:#d7c2f3}.leadership-card>h3{font-size:1.55rem}.leadership-item{padding:22px 0;border-top:1px solid rgba(255,255,255,.14)}.leadership-item strong,.leadership-item small{display:block}.leadership-item small{color:#cbb4ea;margin-top:4px}.leadership-item p{color:rgba(255,255,255,.7);font-size:.82rem;margin-bottom:0}.testimonial-card{padding:30px}.quote-icon{color:#9770d1}.testimonial-card>p{min-height:100px;font-size:.9rem}.testimonial-person{display:flex;align-items:center;gap:12px;border-top:1px solid #eee7f5;padding-top:18px}.testimonial-person img{width:44px;height:44px;border-radius:50%;object-fit:cover}.testimonial-person strong,.testimonial-person small{display:block}.testimonial-person small{font-size:.68rem;color:#9487a5}.avinto-cta{padding-top:44px}.cta-card{display:flex;justify-content:space-between;align-items:center;gap:40px;border-radius:32px;padding:52px;background:radial-gradient(circle at 85% 20%,rgba(184,142,238,.42),transparent 34%),linear-gradient(135deg,#2d0d58,#7540b2);color:#fff;box-shadow:0 30px 70px rgba(53,22,101,.25)}.cta-card h2{font-size:clamp(1.7rem,3vw,2.6rem);max-width:700px;margin:8px 0 12px}.cta-card p{color:rgba(255,255,255,.72);max-width:650px}.btn-light{background:#fff;color:#482178}.btn-ghost-light{border:1px solid rgba(255,255,255,.36);color:#fff}.btn-ghost-light:hover{background:rgba(255,255,255,.1)}
.profile-feature{display:grid;grid-template-columns:minmax(280px,.75fr) 1.25fr;gap:70px;align-items:center}.profile-photo-card{background:linear-gradient(145deg,#e9ddf9,#cbb4eb);border-radius:32px;overflow:hidden;position:relative;min-height:520px}.profile-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.profile-photo-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;padding:17px 20px;border-radius:16px;background:rgba(42,20,72,.82);color:#fff;backdrop-filter:blur(12px)}.profile-photo-card strong,.profile-photo-card span{display:block}.profile-photo-card span{font-size:.73rem;color:#d6c5eb;margin-top:4px}.skill-groups{display:grid;gap:22px;margin-top:32px}.skill-groups h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#83748f}.career-timeline{margin-top:40px;position:relative}.career-timeline:before{content:"";position:absolute;left:210px;top:0;bottom:0;width:1px;background:#d9c9ed}.timeline-item{display:grid;grid-template-columns:180px 30px 1fr;gap:15px;margin-bottom:24px;align-items:start}.timeline-dot{width:13px;height:13px;border:3px solid #fff;background:#8659c6;border-radius:50%;box-shadow:0 0 0 3px #dfd0f1;margin:20px auto;z-index:1}.timeline-period{font-size:.77rem;color:#7b6f89;font-weight:700;padding-top:18px;text-align:right}.timeline-card{padding:24px}.timeline-card>span{color:#8459bd;font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.timeline-card h3{margin:5px 0 9px}.timeline-card p{margin:0}.education-card{padding:24px;margin-top:16px}.education-card span{font-size:.75rem;color:#875fbd;font-weight:700}.education-card h3{margin:7px 0 3px}.education-card p{margin:0}.strength-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.strength-card{padding:17px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:.84rem}.strength-card i{color:#7750b6}
.project-page-hero,.project-detail-hero{background:radial-gradient(circle at 85% 25%,#e8daf8,transparent 25%),linear-gradient(180deg,#faf7ff,#fff)}.portfolio-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.portfolio-filter a{padding:9px 13px;border-radius:999px;color:#71637e;background:#f5f1f8;font-size:.76rem;font-weight:700}.portfolio-filter a.active,.portfolio-filter a:hover{background:#7047bf;color:#fff}.project-detail-hero .tech-list span{background:rgba(112,71,191,.08)}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}.gallery-main{border:0;padding:0;background:#eee7f7;border-radius:24px;overflow:hidden;width:100%;aspect-ratio:16/10}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}.gallery-thumbs button{border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;aspect-ratio:16/10;background:#eee;cursor:pointer}.gallery-thumbs button.active{border-color:#7b51bc}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.project-facts{padding:28px;display:flex;flex-direction:column;gap:21px;position:sticky;top:110px}.project-facts>div{padding-bottom:16px;border-bottom:1px solid #ece5f3}.project-facts small,.project-facts strong{display:block}.project-facts small{color:#93859f;font-size:.7rem;margin-bottom:4px}.project-description{max-width:800px;margin-top:54px}.project-description p{font-size:1rem;line-height:1.9}
.order-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.order-info{padding:32px;position:sticky;top:110px}.order-info h2{font-size:1.45rem}.order-step{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #eee7f5}.order-step>span{width:38px;height:38px;border-radius:12px;background:#f0e8fa;color:#7047bf;display:grid;place-items:center}.order-step strong{font-size:.86rem}.order-step p{font-size:.76rem;margin:4px 0 0}.direct-contact{margin-top:24px;padding:18px;background:#f6f1fb;border-radius:14px}.direct-contact small,.direct-contact a{display:block}.direct-contact a{font-weight:800;color:#7047bf;margin-top:6px}.inquiry-card{padding:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.textarea{resize:vertical;line-height:1.65}.btn-submit-order{justify-content:center;padding:15px}.form-consent{font-size:.7rem;color:#8d8099;text-align:center;margin:0}.success-page{min-height:75vh;display:grid;place-items:center;padding:120px 0}.success-card{text-align:center;max-width:690px;margin:auto;padding:56px}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#31b389,#198a69);margin:0 auto 24px;box-shadow:0 15px 35px rgba(36,173,123,.25)}.success-card h1{font-size:2rem}.success-card .hero-actions{justify-content:center}
.nav-count{margin-left:auto;background:#e95b78;color:#fff;padding:2px 7px;border-radius:999px;font-size:.65rem}.sidebar-logout{display:flex;width:100%;align-items:center;gap:12px;border:0;background:none;color:rgba(255,255,255,.68);font:inherit;font-weight:650;font-size:.86rem;padding:12px 13px;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.chart-card{padding:8px}.admin-lists{align-items:start}.admin-project-list>a{display:grid;grid-template-columns:70px 1fr 20px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #eee8f4;color:inherit}.admin-project-list img{width:70px;height:46px;border-radius:8px;object-fit:cover}.admin-project-list strong,.admin-project-list small{display:block}.admin-project-list small{color:#94869f;font-size:.68rem;margin-top:4px}.project-table-cell{display:grid;grid-template-columns:72px minmax(150px,1fr);gap:12px;align-items:center}.project-table-cell img{width:72px;height:48px;border-radius:9px;object-fit:cover;background:#eee}.project-table-cell strong,.project-table-cell small{display:block}.project-table-cell small,.person-cell small{color:#94879f;font-size:.68rem;margin-top:4px}.featured-star{display:inline-flex;color:#e5a424;margin-left:6px}.featured-star svg{width:15px}.filter-submit{display:flex;align-items:end;gap:8px}.project-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.editor-main{display:grid;gap:20px}.editor-section{overflow:visible}.editor-body{padding:22px}.file-input{padding:9px}.current-cover{margin-top:12px;display:flex;align-items:center;gap:12px}.current-cover img{width:140px;height:88px;object-fit:cover;border-radius:10px}.existing-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.existing-gallery label{border:1px solid #e7deef;border-radius:10px;overflow:hidden;background:#faf8fc}.existing-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}.existing-gallery span{padding:7px;display:block;font-size:.67rem}.toggle-row{display:flex;gap:11px;align-items:start;padding:14px;background:#f8f5fb;border-radius:10px;cursor:pointer}.toggle-row input{margin-top:4px}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:#8e8199;font-size:.67rem;margin-top:3px}.order-status-new{background:#f0e8ff!important;color:#7146ad!important}.order-status-contacted{background:#e5f6f5!important;color:#238687!important}.order-status-discussion{background:#fff4d9!important;color:#a16d00!important}.order-status-in_progress{background:#e8efff!important;color:#3967c8!important}.order-status-completed{background:#e5f7f0!important;color:#16805d!important}.order-status-cancelled{background:#fde9ed!important;color:#b33e58!important}.row-highlight td:first-child{border-left:3px solid #8152c4}.order-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.order-detail-card{padding-bottom:22px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px}.detail-grid small,.detail-grid strong,.detail-grid a{display:block}.detail-grid small{color:#93859f;font-size:.68rem;margin-bottom:5px}.brief-content{padding:24px;line-height:1.8;white-space:normal}.sticky-admin-card{position:sticky;top:20px}

/* Admin modals and pagination */
.admin-form-alert{margin-bottom:16px}.project-modal{z-index:120;padding:22px}.project-modal-card{width:min(1180px,calc(100vw - 36px));max-height:92vh;display:flex;flex-direction:column;padding:0;border-radius:24px;background:#f8f5fb;overflow:hidden;box-shadow:0 34px 90px rgba(36,16,79,.25)}.project-modal-head{flex:none;margin:0;padding:24px 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #ebe4f4}.project-modal-head h2{margin:2px 0 5px;font-size:1.45rem;letter-spacing:-.035em}.project-modal-head p{margin:0;color:#7d7289;font-size:.78rem}.project-modal-head .section-kicker{margin-bottom:3px;font-size:.62rem}.project-editor-modal{min-height:0;overflow:auto;padding:24px;grid-template-columns:minmax(0,1fr) 330px}.project-editor-modal .data-card{box-shadow:none}.admin-modal.open .project-modal-card{animation:modal-rise .22s ease both}.admin-pagination-wrap{display:block;padding:18px 20px;background:#fff}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-pagination p{margin:0;color:#7f748b;font-size:.74rem}.admin-pagination-links{display:flex;align-items:center;gap:6px}.admin-pagination .pagination-page,.admin-pagination .pagination-arrow,.admin-pagination .pagination-dots{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:.7rem;font-weight:800;line-height:1}.admin-pagination .pagination-page,.admin-pagination .pagination-arrow{border:1px solid #e4daee;background:#fff;color:#5d4f6b}.admin-pagination .pagination-page:hover,.admin-pagination .pagination-arrow:hover{border-color:#9a72d4;color:#6c39b5}.admin-pagination .pagination-page.active{border-color:transparent;color:#fff;background:linear-gradient(145deg,#51219a,#8146d1);box-shadow:0 8px 18px rgba(91,33,182,.2)}.admin-pagination .pagination-arrow{gap:6px;padding:0 11px}.admin-pagination .pagination-arrow svg{width:14px;height:14px;stroke-width:2.4}.admin-pagination .pagination-arrow.disabled{opacity:.45;pointer-events:none}.admin-pagination .pagination-dots{color:#92859f}@keyframes modal-rise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1100px){.service-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.project-editor{grid-template-columns:1fr}.dashboard-grid,.order-admin-grid{grid-template-columns:1fr}.sticky-admin-card{position:static}.admin-lists{grid-template-columns:1fr}.order-layout{grid-template-columns:310px 1fr}}
@media(max-width:780px){.admin-button{display:none}.avinto-visual{min-height:420px}.hero-portrait-shell{height:390px}.section-heading-row,.cta-card{align-items:flex-start;flex-direction:column}.project-grid,.service-grid{grid-template-columns:1fr}.profile-feature,.project-detail-grid,.order-layout{grid-template-columns:1fr}.profile-photo-card{min-height:440px}.timeline-item{grid-template-columns:18px 1fr}.timeline-period{grid-column:2;text-align:left;padding:0}.timeline-dot{grid-row:1/3;margin:4px auto}.career-timeline:before{left:8px}.order-info,.project-facts{position:static}.form-grid,.detail-grid{grid-template-columns:1fr}.existing-gallery{grid-template-columns:1fr 1fr}.gallery-thumbs{grid-template-columns:repeat(4,1fr)}.strength-grid{grid-template-columns:1fr}.cta-card{padding:34px 26px}.inquiry-card{padding:24px}.experience-preview{gap:38px}}

/* Refined hero */
.avinto-hero .hero-grid{gap:72px}.avinto-hero .hero-copy{position:relative;z-index:4}.avinto-hero .hero-copy h1{font-size:clamp(3.15rem,5vw,5.15rem);line-height:1.03;letter-spacing:-.065em}.avinto-hero .hero-copy>p{max-width:680px;line-height:1.78}.avinto-visual .float-card.one{left:-58px;bottom:142px}.avinto-visual .float-card.two{right:-22px;top:46px}.hero-code-card{padding-right:22px}.hero-code-card span,.hero-code-card strong{max-width:100%}

/* Living technology orbit */
.skill-cloud{position:relative;overflow:hidden}.skill-cloud:before,.skill-cloud:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.skill-cloud:before{width:180px;height:180px;right:-65px;top:-50px;background:rgba(148,101,213,.09);animation:skill-aura 7s ease-in-out infinite}.skill-cloud:after{width:120px;height:120px;left:-38px;bottom:-30px;background:rgba(79,198,165,.09);animation:skill-aura 7s -3s ease-in-out infinite}.skill-orbit{animation:skill-orbit-spin 24s linear infinite;will-change:transform}.skill-orbit:before{content:"";position:absolute;width:11px;height:11px;top:23px;left:50%;border-radius:50%;background:#8d5fd2;box-shadow:0 0 0 7px rgba(141,95,210,.11),0 0 24px rgba(141,95,210,.5)}.skill-orbit>span,.skill-core{animation:skill-counter-spin 24s linear infinite;will-change:transform}.skill-orbit>span{z-index:3;transition:box-shadow .3s ease,color .3s ease}.skill-orbit>span:hover{color:#6f45b3;box-shadow:0 13px 32px rgba(75,38,125,.2)}.skill-core:after{content:"AI-ready";position:absolute;bottom:34px;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}.skill-core i{animation:skill-code-pulse 2.4s ease-in-out infinite}@keyframes skill-orbit-spin{to{transform:rotate(360deg)}}@keyframes skill-counter-spin{to{transform:rotate(-360deg)}}@keyframes skill-code-pulse{50%{transform:scale(1.12);opacity:.72}}@keyframes skill-aura{50%{transform:translate(14px,10px) scale(1.12)}}

/* Avinto loading experience */
.page-loader{background:radial-gradient(circle at 50% 42%,rgba(126,76,206,.12),transparent 28%),linear-gradient(145deg,#fbf9ff,#f3edff)}.page-loader__mark{position:relative;overflow:hidden;border-radius:25px;transform:rotate(-5deg)}.page-loader__mark:before{content:"";position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.36) 50%,transparent 62%);animation:loader-shine 2.1s ease-in-out infinite}.page-loader__letter{position:relative;font-size:3rem;line-height:1;font-weight:800;letter-spacing:-.12em;transform:translateX(-2px)}.page-loader__code{position:absolute;right:7px;bottom:7px;padding:2px 4px;border-radius:5px;background:#fff;color:#6e31c7;font-size:.46rem;font-weight:800;letter-spacing:-.04em}.page-loader__brand{font-size:1.55rem}.page-loader__brand span{background:linear-gradient(90deg,#4d178f,#8e4ee7);-webkit-background-clip:text;background-clip:text;color:transparent}.page-loader__content p{letter-spacing:.035em}.page-loader__progress{height:3px;background:#e5d9f6}.page-loader__progress span{background:linear-gradient(90deg,#4c168f,#9c61ec,#4fc6a5)}@keyframes loader-shine{0%,25%{transform:translateX(-30%)}75%,100%{transform:translateX(45%)}}

/* GitHub and AI showcase */
.digital-footprint-section{background:linear-gradient(180deg,#fff 0,#faf7ff 50%,#fff 100%);overflow:hidden}.github-showcase{padding:0;overflow:hidden;background:#0d1117;border-color:#252b33;box-shadow:0 30px 70px rgba(23,14,39,.18)}.github-window-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid #262c35;background:#161b22}.github-window-bar>span{width:10px;height:10px;border-radius:50%;background:#ff6b69}.github-window-bar>span:nth-child(2){background:#f5c451}.github-window-bar>span:nth-child(3){background:#48bd79}.github-window-bar small{margin-left:10px;color:#8b949e;font-size:.68rem}.github-showcase>a{display:block;padding:28px 28px 0}.github-showcase>a img{display:block;width:100%;max-height:590px;object-fit:contain;border-radius:18px 18px 0 0}.github-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;color:#fff}.github-caption .section-kicker{color:#a981eb}.github-caption h3{margin:5px 0 0;font-size:1.25rem}.github-live{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #30363d;border-radius:999px;color:#c9d1d9;font-size:.68rem;font-weight:700}.github-live i{width:7px;height:7px;border-radius:50%;background:#3fb950;box-shadow:0 0 0 5px rgba(63,185,80,.12);animation:github-pulse 1.8s ease-in-out infinite}.ai-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center;margin-top:70px;padding:45px;border:1px solid #e8dff3;border-radius:30px;background:radial-gradient(circle at 85% 15%,rgba(137,82,208,.13),transparent 35%),#fff;box-shadow:0 25px 60px rgba(60,36,92,.08)}.ai-showcase-copy h3{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.04em;margin:8px 0 16px}.ai-showcase-copy p{line-height:1.8}.ai-collage{position:relative;min-height:520px}.ai-frame{position:absolute;margin:0;overflow:hidden;border:7px solid #fff;background:#eee7f6;box-shadow:0 22px 48px rgba(54,29,88,.17)}.ai-frame img{width:100%;height:100%;object-fit:cover}.ai-frame-main{left:4%;top:8%;width:56%;height:80%;border-radius:46% 35% 42% 28%;transform:rotate(-3deg)}.ai-frame-top{right:1%;top:0;width:38%;height:47%;border-radius:30% 44% 28% 40%;transform:rotate(4deg)}.ai-frame-bottom{right:0;bottom:0;width:42%;height:45%;border-radius:36% 25% 42% 30%;transform:rotate(-2deg)}@keyframes github-pulse{50%{opacity:.55;transform:scale(.75)}}

/* Professional journey */
.journey-section{position:relative;overflow:hidden}.journey-section:before{content:"";position:absolute;width:460px;height:460px;left:-260px;top:160px;border:1px solid rgba(118,81,197,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(118,81,197,.025),0 0 0 110px rgba(118,81,197,.018)}.journey-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:72px;align-items:start}.journey-intro{position:sticky;top:125px}.journey-intro .section-title{font-size:clamp(2.2rem,4vw,3.5rem)}.journey-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:34px}.journey-summary>div{padding:16px 10px;border:1px solid #e6dcf1;border-radius:14px;background:rgba(255,255,255,.72)}.journey-summary strong,.journey-summary span{display:block}.journey-summary strong{font-size:1.3rem;color:#6e42af}.journey-summary span{margin-top:3px;color:#8d8099;font-size:.61rem;line-height:1.35}.journey-list{display:grid;gap:18px;position:relative}.journey-list:before{content:"";position:absolute;left:24px;top:30px;bottom:30px;width:1px;background:linear-gradient(#8c5bcf,#d6c4ea,transparent)}.journey-card{position:relative;padding:27px 28px 27px 72px;border:1px solid #e7deef;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 14px 36px rgba(50,29,80,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.journey-card:hover{transform:translateX(7px);border-color:#cdb7e8;box-shadow:0 20px 45px rgba(55,31,91,.11)}.journey-number{position:absolute;left:10px;top:24px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#5c279f,#8b57cf);color:#fff;font-size:.64rem;font-weight:800;box-shadow:0 8px 18px rgba(93,40,160,.22);z-index:1}.journey-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px}.journey-period{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#f3edf9;color:#7047aa;font-size:.67rem;font-weight:700}.journey-period svg{width:13px}.journey-current{display:inline-flex;align-items:center;gap:6px;color:#268467;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.journey-current i{width:7px;height:7px;border-radius:50%;background:#36ad83;box-shadow:0 0 0 5px rgba(54,173,131,.11)}.journey-company{font-size:.69rem;color:#8558bd;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.journey-card h3{font-size:1.25rem;margin:6px 0 9px}.journey-card p{margin:0;line-height:1.72}

/* Portfolio pagination */
.public-pagination{margin-top:48px}.avinto-pagination{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid #e6dcef;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 13px 32px rgba(50,28,83,.07)}.avinto-pagination>p{margin:0;color:#86798f;font-size:.75rem}.avinto-pagination-links{display:flex;align-items:center;gap:7px}.pagination-page,.pagination-arrow,.pagination-dots{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:.73rem;font-weight:750}.pagination-page{border:1px solid #e5daef;color:#5f506d;background:#fff}.pagination-page:hover{border-color:#9e79d1;color:#7047b7}.pagination-page.active{border-color:transparent;color:#fff;background:linear-gradient(145deg,#571ca2,#8d50df);box-shadow:0 8px 20px rgba(107,52,181,.24)}.pagination-arrow{gap:7px;padding:0 13px;border:1px solid #e5daef;color:#5e4b70;background:#fff}.pagination-arrow svg{width:15px}.pagination-arrow:hover{border-color:#9e79d1;color:#7047b7}.pagination-arrow.disabled{opacity:.42;cursor:not-allowed}.pagination-dots{color:#92869c}

/* Footer visitor */
.footer-visitor{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:34px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.055)}.footer-visitor>div{display:flex;align-items:center;gap:15px}.footer-visitor-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#8351ca,#a477df);color:#fff}.footer-visitor small{color:#a993c5;text-transform:uppercase;letter-spacing:.1em;font-size:.59rem;font-weight:800}.footer-visitor h4{margin:2px 0;color:#fff}.footer-visitor p{margin:0;color:rgba(255,255,255,.55);font-size:.7rem}.footer-visitor>a{display:block;padding:7px;border-radius:9px;background:#fff;line-height:0}.footer-visitor img{max-width:100%;height:auto}

@media(max-width:1100px){.avinto-hero .hero-grid{gap:32px}.avinto-visual .float-card.one{left:-18px}.journey-layout{grid-template-columns:330px minmax(0,1fr);gap:38px}.ai-showcase{gap:28px}.ai-collage{min-height:440px}}
@media(max-width:900px){.avinto-visual .float-card.one{left:8px;bottom:135px}.journey-layout{grid-template-columns:1fr}.journey-intro{position:static}.journey-summary{max-width:520px}.ai-showcase{grid-template-columns:1fr}.ai-collage{min-height:500px}.github-showcase>a{padding:18px 18px 0}}
@media(max-width:780px){.avinto-hero .hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)}.avinto-hero .hero-grid{gap:26px}.ai-showcase{padding:26px 20px}.ai-collage{min-height:390px}.github-caption,.avinto-pagination,.footer-visitor,.admin-pagination{align-items:flex-start;flex-direction:column}.avinto-pagination-links,.admin-pagination-links{width:100%;justify-content:center;flex-wrap:wrap}.pagination-arrow span{display:none}.pagination-arrow{padding:0;min-width:40px}.project-modal{padding:10px}.project-modal-card{width:100%;max-height:96vh;border-radius:18px}.project-modal-head{padding:18px}.project-editor-modal{padding:16px}.footer-visitor>a{width:100%;overflow:hidden}.journey-card{padding:24px 20px 24px 60px}.journey-card:hover{transform:none}.journey-summary{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.ai-collage{min-height:330px}.ai-frame{border-width:4px}.github-caption{padding:20px}.github-caption h3{font-size:1rem}.journey-summary{grid-template-columns:1fr}.avinto-pagination>p,.admin-pagination p{font-size:.68rem}.pagination-page,.pagination-arrow,.pagination-dots{height:36px;min-width:36px}.project-modal-head h2{font-size:1.12rem}.footer-visitor{padding:19px}}
@media(prefers-reduced-motion:reduce){.skill-orbit,.skill-orbit>span,.skill-core,.skill-core i,.skill-cloud:before,.skill-cloud:after,.page-loader__mark:before,.github-live i{animation:none!important}}

/* Mobile navigation polish */
@media(max-width:640px){.navbar{gap:10px;min-height:88px}.navbar>.brand{min-width:0;flex:1;gap:10px;font-size:1rem;line-height:1.1}.navbar>.brand .brand-mark{flex:0 0 42px}.navbar>.brand>span:last-child{min-width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar>.brand small{margin-top:3px;max-width:118px;white-space:normal;line-height:1.25}.nav-actions{gap:8px;flex:none}.nav-actions>.language-switch{display:none}.floating-language-switch{display:flex;position:fixed;right:80px!important;bottom:16px!important;top:auto!important;z-index:71;width:62px;height:54px;border-radius:18px;background:rgba(17,24,39,.95);border-color:#33415d;box-shadow:0 16px 36px rgba(0,0,0,.32);backdrop-filter:blur(14px)}.floating-language-switch span{height:38px;min-width:25px}.theme-switch{width:58px}.mobile-toggle{width:42px;height:42px}.chat-launcher{right:16px!important;bottom:16px!important;width:54px!important;height:54px!important;border-radius:18px!important}.chat-open .floating-language-switch{display:none}}
@media(min-width:641px){.floating-language-switch{display:none}}

/* Public dark mode */
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{color:#e7ecf5;background:#080c14}html[data-theme=dark] body:before{background-image:radial-gradient(circle at 16% 12%,rgba(125,92,246,.16) 0,transparent 30%),radial-gradient(circle at 86% 48%,rgba(52,76,118,.26) 0,transparent 30%)}html[data-theme=dark] .site-header{background:rgba(9,13,22,.86);border-color:rgba(111,127,158,.2);box-shadow:0 16px 40px rgba(0,0,0,.24)}html[data-theme=dark] .site-header.scrolled{background:rgba(9,13,22,.95);border-color:rgba(125,92,246,.28)}html[data-theme=dark] .brand,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] strong{color:#f5f7fb}html[data-theme=dark] .brand small,html[data-theme=dark] p,html[data-theme=dark] .section-lead,html[data-theme=dark] .hero p,html[data-theme=dark] .project-card p,html[data-theme=dark] .process-item p,html[data-theme=dark] .timeline-card p{color:#aeb8ca}html[data-theme=dark] .nav-link{color:#c3cad8}html[data-theme=dark] .nav-link:hover,html[data-theme=dark] .nav-link.active{color:#fff;background:#1a2435}html[data-theme=dark] .nav-switch,html[data-theme=dark] .btn-soft,html[data-theme=dark] .btn-outline,html[data-theme=dark] .mobile-toggle{background:#111827;border-color:#27364f;color:#dce7ff}html[data-theme=dark] .language-switch span:first-child{background:#27364f;color:#dce7ff}html[data-theme=dark][data-language=en] .language-switch span:first-child{background:transparent;color:#8390a7}html[data-theme=dark][data-language=en] .language-switch span:last-child{background:#27364f;color:#dce7ff}html[data-theme=dark] .hero-badge,html[data-theme=dark] .float-card{background:rgba(17,24,39,.88);border-color:#27364f;color:#dccdff;box-shadow:0 14px 32px rgba(0,0,0,.25)}html[data-theme=dark] .hero-portrait-shell{background:linear-gradient(145deg,#151d2b,#2a2345);border-color:#33415d;box-shadow:0 35px 80px rgba(0,0,0,.36)}html[data-theme=dark] .surface-section,html[data-theme=dark] .digital-footprint-section,html[data-theme=dark] .project-page-hero,html[data-theme=dark] .project-detail-hero,html[data-theme=dark] .page-hero,html[data-theme=dark] .order-hero{background:linear-gradient(180deg,#080c14,#0d1320)}html[data-theme=dark] .card,html[data-theme=dark] .split-card,html[data-theme=dark] .feature-card,html[data-theme=dark] .project-card,html[data-theme=dark] .testimonial-card,html[data-theme=dark] .education-card,html[data-theme=dark] .strength-card,html[data-theme=dark] .inquiry-card,html[data-theme=dark] .order-info,html[data-theme=dark] .data-card,html[data-theme=dark] .modal-card{background:#111827;border-color:#26344d;box-shadow:0 22px 58px rgba(0,0,0,.28)}html[data-theme=dark] .skill-cloud{background:radial-gradient(circle,#162039 0,#101827 45%,transparent 70%)}html[data-theme=dark] .skill-orbit{border-color:rgba(156,132,245,.32)}html[data-theme=dark] .skill-orbit>span,html[data-theme=dark] .tech-list span,html[data-theme=dark] .portfolio-filter a,html[data-theme=dark] .chart-tag{background:#1a2435;border-color:#32415d;color:#ded5ff}html[data-theme=dark] .project-cover,html[data-theme=dark] .profile-photo-card,html[data-theme=dark] .gallery-main{background:#172033}html[data-theme=dark] .project-card h3 a,html[data-theme=dark] .project-meta,html[data-theme=dark] .timeline-period,html[data-theme=dark] .project-facts small,html[data-theme=dark] .detail-grid small{color:#cbd4e4}html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea{background:#0b111c;border-color:#2b3a55;color:#edf2fb}html[data-theme=dark] .input::placeholder,html[data-theme=dark] .textarea::placeholder{color:#73839a}html[data-theme=dark] .toggle-row,html[data-theme=dark] .direct-contact,html[data-theme=dark] .journey-summary>div{background:#121b2c;border-color:#2b3a55}html[data-theme=dark] .process-item,html[data-theme=dark] .leadership-item,html[data-theme=dark] .testimonial-person,html[data-theme=dark] .project-facts>div{border-color:#27364f}html[data-theme=dark] .ai-showcase{background:radial-gradient(circle at 85% 15%,rgba(137,82,208,.18),transparent 35%),#111827;border-color:#26344d;box-shadow:0 25px 65px rgba(0,0,0,.3)}html[data-theme=dark] .github-showcase{background:#070b12;border-color:#26344d}html[data-theme=dark] .github-window-bar{background:#0d1320;border-color:#26344d}html[data-theme=dark] .journey-card{background:#111827;border-color:#26344d;box-shadow:0 18px 42px rgba(0,0,0,.26)}html[data-theme=dark] .avinto-pagination,html[data-theme=dark] .admin-pagination-wrap{background:#111827;border-color:#26344d}html[data-theme=dark] .pagination-page,html[data-theme=dark] .pagination-arrow{background:#0b111c;border-color:#2b3a55;color:#dbe5f5}html[data-theme=dark] .footer-visitor{background:rgba(13,19,32,.8);border-color:#26344d}html[data-theme=dark] .footer-visitor>a{background:#0f1726}html[data-theme=dark] .modal-backdrop{background:rgba(3,6,12,.72)}html[data-theme=dark] .chat-panel{background:#0d1320;border:1px solid #26344d;box-shadow:0 28px 80px rgba(0,0,0,.45)}html[data-theme=dark] .chat-conversation,html[data-theme=dark] .chat-support-links,html[data-theme=dark] .chat-form,html[data-theme=dark] .chat-disclaimer{background:#0d1320}html[data-theme=dark] .chat-message{background:#151f31;border-color:#2b3a55;color:#e8eef8}html[data-theme=dark] .chat-row.user .chat-message{background:linear-gradient(135deg,#5c2aba,#7b3fe0);color:#fff}html[data-theme=dark] .chat-form textarea{background:#080c14;border-color:#33435f;color:#eef4ff}html[data-theme=dark] .chat-support-links a,html[data-theme=dark] .chat-suggestions button{background:#151f31;color:#e5dcff}html[data-theme=dark] .page-loader{background:radial-gradient(circle at 50% 42%,rgba(126,76,206,.2),transparent 28%),linear-gradient(145deg,#080c14,#101827)}html[data-theme=dark] .page-loader__brand{color:#f5f7fb}html[data-theme=dark] .page-loader__content p{color:#aeb8ca}
