:is(body:has(.ap-root),html:has(.ap-root)){color:#172033;background-color:#f6f8fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:is(body:has(.ap-root) h1,body:has(.ap-root) h2,body:has(.ap-root) h3,body:has(.ap-root) h4,body:has(.ap-root) h5,body:has(.ap-root) h6){color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:is(body:has(.ap-root[data-theme=dark]),html:has(.ap-root[data-theme=dark])){color:#e8eaf6;background-color:#0a0e1a}:is(body:has(.ap-root[data-theme=dark]) h1,body:has(.ap-root[data-theme=dark]) h2,body:has(.ap-root[data-theme=dark]) h3,body:has(.ap-root[data-theme=dark]) h4,body:has(.ap-root[data-theme=dark]) h5,body:has(.ap-root[data-theme=dark]) h6){color:#e8eaf6}.ap-project-links{flex-flow:wrap;gap:.6rem;margin-top:auto;padding-top:.25rem;display:flex}.ap-root .ap-store-badge{white-space:nowrap;box-sizing:border-box;border:1px solid #ffffff1f;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;min-width:0;height:46px;padding:0 .35rem;text-decoration:none;transition:all .25s;display:inline-flex}.ap-store-badge span{flex-direction:column;line-height:1.2;display:flex}.ap-store-badge small{opacity:.8;letter-spacing:0;font-size:.58rem;font-weight:400}.ap-store-badge strong{font-size:.74rem;font-weight:700;line-height:1}.ap-store-icon{flex-shrink:0;width:18px;height:18px}.ap-store-badge--ios{color:#fff;background:#111;border-color:#ffffff2e}.ap-store-badge--ios:hover{background:#222;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 18px #00000080}.ap-store-badge--android{color:#fff;background:#01875f;border-color:#ffffff1a}.ap-store-badge--android:hover{background:#019e6f;transform:translateY(-2px);box-shadow:0 6px 18px #01875f73}.ap-store-badge--web{background:var(--accent,#6c63ff);color:#fff;border-color:#0000}.ap-store-badge--web:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 18px #6c63ff66}.ap-confidential-badge{color:#f7b731;background:#f7b7311a;border:1px solid #f7b73140;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .7rem;font-size:.72rem;font-weight:600;display:inline-flex}.ap-avatar-photo{object-fit:cover;object-position:top center;border-radius:50%;width:100%;height:100%;display:block}.ap-root *,.ap-root :before,.ap-root :after{box-sizing:border-box;margin:0;padding:0}.ap-root{--ap-bg:#f6f8fc;--ap-bg-2:#eef2f8;--ap-bg-card:#fff;--ap-bg-card-hover:#f1f4fa;--ap-primary:#5148d8;--ap-primary-light:#4037c8;--ap-accent:#087b69;--ap-text:#172033;--ap-text-muted:#526078;--ap-text-faint:#66738a;--ap-border:#24314d24;--ap-glow:#5148d833;--ap-nav-bg:#f6f8fce0;--ap-nav-drawer:#f6f8fcfa;--ap-subtle-bg:#18253d0b;--ap-tag-bg:#18253d0a;--ap-tag-border:#18253d1a;--ap-card-shadow:0 12px 40px #1b27411a;--ap-section-wash:#eef2f8;--ap-section-glow-primary:#5148d814;--ap-section-glow-accent:#087b690f;--ap-section-dot:#2f40621c;--ap-radius:16px;--ap-radius-sm:8px;--ap-transition:.3s cubic-bezier(.4, 0, .2, 1);--ap-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--ap-font);background:var(--ap-bg);color:var(--ap-text);min-height:100vh;transition:background-color var(--ap-transition), color var(--ap-transition);line-height:1.65;position:relative;overflow-x:hidden}.ap-root[data-theme=dark]{--ap-bg:#0a0e1a;--ap-bg-2:#0f1629;--ap-bg-card:#131929;--ap-bg-card-hover:#1a2138;--ap-primary:#6c63ff;--ap-primary-light:#8b84ff;--ap-accent:#00c9a7;--ap-text:#e8eaf6;--ap-text-muted:#a4aec8;--ap-text-faint:#8994b0;--ap-border:#6c63ff33;--ap-glow:#6c63ff59;--ap-nav-bg:#0a0e1ae0;--ap-nav-drawer:#0a0e1afa;--ap-subtle-bg:#ffffff0a;--ap-tag-bg:#ffffff0d;--ap-tag-border:#ffffff17;--ap-card-shadow:0 12px 40px #0000004d;--ap-section-wash:#0d1322;--ap-section-glow-primary:#6c63ff21;--ap-section-glow-accent:#00c9a714;--ap-section-dot:#afb9dc24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ap-section{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.ap-section.ap-in-view{opacity:1;transform:translateY(0)}.ap-nav{z-index:1000;transition:background var(--ap-transition), backdrop-filter var(--ap-transition), box-shadow var(--ap-transition);padding:1.25rem 2rem;position:fixed;top:0;left:0;right:0}.ap-nav--scrolled{background:var(--ap-nav-bg);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--ap-border)}.ap-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.ap-logo{cursor:pointer;color:var(--ap-text);letter-spacing:.02em;background:0 0;border:none;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.ap-logo-icon{background:var(--ap-primary);color:#fff;width:34px;height:34px;box-shadow:0 0 14px var(--ap-glow);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex}.ap-nav-links{gap:.25rem;list-style:none;display:flex}.ap-nav-links li button{cursor:pointer;color:var(--ap-text-muted);transition:color var(--ap-transition), background var(--ap-transition);letter-spacing:.02em;background:0 0;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.875rem;font-weight:500}.ap-nav-links li button:hover{color:var(--ap-text);background:var(--ap-subtle-bg)}.ap-theme-toggle{border:1px solid var(--ap-border);color:var(--ap-text);background:var(--ap-subtle-bg);font-family:var(--ap-font);cursor:pointer;transition:color var(--ap-transition), background var(--ap-transition), border-color var(--ap-transition), transform var(--ap-transition);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.48rem .75rem;font-size:.76rem;font-weight:600;display:inline-flex}.ap-theme-toggle:hover{border-color:var(--ap-primary);background:#6c63ff1a;transform:translateY(-1px)}.ap-theme-toggle svg{width:16px;height:16px;color:var(--ap-primary);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.ap-theme-toggle:focus-visible{outline:2px solid var(--ap-primary);outline-offset:3px}.ap-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.ap-hamburger span{background:var(--ap-text);width:22px;height:2px;transition:var(--ap-transition);border-radius:2px;display:block}.ap-hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.ap-hero-bg{pointer-events:none;position:absolute;inset:0}.ap-hero-orb{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.ap-hero-orb--1{background:radial-gradient(circle,#6c63ff,#0000);width:600px;height:600px;animation:8s ease-in-out infinite orb-float;top:-150px;left:-100px}.ap-hero-orb--2{background:radial-gradient(circle,#00c9a7,#0000);width:500px;height:500px;animation:10s ease-in-out infinite reverse orb-float;bottom:-100px;right:-100px}.ap-hero-grid{background-image:linear-gradient(#6c63ff0d 1px,#0000 1px),linear-gradient(90deg,#6c63ff0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}@keyframes orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.ap-hero-content{z-index:2;text-align:left;grid-area:content;max-width:620px;position:relative}.ap-hero-layout{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-template-areas:"content visual""actions visual";align-items:center;gap:clamp(2rem,5vw,5rem);width:min(1100px,100%);margin:0 auto;display:grid;position:relative}.ap-hero-actions{grid-area:actions}.ap-hero-cta,.ap-hero-badges{justify-content:flex-start}.ap-hero-visual{isolation:isolate;grid-area:visual;justify-content:center;align-items:center;min-height:590px;display:flex;position:relative}.ap-device-glow{aspect-ratio:1;filter:blur(8px);z-index:-1;background:radial-gradient(circle,#6c63ff3b,#00c9a714 48%,#0000 72%);border-radius:50%;width:350px;position:absolute}.ap-phone{width:clamp(230px,24vw,270px);animation:1s cubic-bezier(.2,.7,.2,1) .2s both phone-enter}.ap-phone-frame{aspect-ratio:.48;background:linear-gradient(145deg,#33384a,#111522 38%,#262b3b);border:1px solid #fff3;border-radius:40px;padding:9px;animation:6s ease-in-out 1.2s infinite phone-float;position:relative;box-shadow:0 35px 90px #0000008c,0 0 0 5px #ffffff06,inset 0 0 0 1px #ffffff14}.ap-phone-frame:before{content:"";z-index:2;background:#080a10;border-radius:20px;width:70px;height:18px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.ap-phone-screen{color:#202638;background:#f6f7fb;border-radius:31px;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ap-phone-status{flex:none;justify-content:space-between;align-items:flex-start;height:43px;padding:12px 20px 0;font-size:.58rem;font-weight:700;display:flex}.ap-phone-status-icons{align-items:center;gap:3px;padding-top:2px;display:flex}.ap-phone-status-icons i{background:#202638;border-radius:2px;width:5px;height:7px;display:block}.ap-phone-status-icons i:nth-child(2){height:9px}.ap-phone-status-icons i:nth-child(3){border-radius:4px;width:12px;height:6px}.ap-app-header{flex:none;align-items:center;gap:9px;padding:7px 17px 13px;display:flex}.ap-app-mark{color:#fff;background:linear-gradient(145deg,#6c63ff,#4f46d8);border-radius:11px;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:grid;box-shadow:0 5px 12px #6c63ff47}.ap-app-header>span:nth-child(2){flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.ap-app-header strong{font-size:.76rem;line-height:1.2}.ap-app-header small{color:#798197;text-overflow:ellipsis;white-space:nowrap;font-size:.47rem;overflow:hidden}.ap-app-menu{color:#7f8799;letter-spacing:1px;margin-left:auto}.ap-app-body{flex-direction:column;flex:auto;gap:7px;min-height:0;padding:0 13px 10px;line-height:1.2;animation:.55s both app-screen-enter;display:flex;position:relative;overflow:hidden}.ap-phone-screen--bus{--app-accent:#d94d59;--app-soft:#fff0f1}.ap-phone-screen--service{--app-accent:#ed8700;--app-soft:#fff3e2}.ap-phone-screen--services{--app-accent:#18253a;--app-soft:#eef2f7}.ap-phone-screen--bus .ap-app-mark{background:linear-gradient(145deg,#ef6470,#cb3e4b);box-shadow:0 5px 12px #d94d5940}.ap-phone-screen--service .ap-app-mark{background:linear-gradient(145deg,#ffa31a,#e87600);box-shadow:0 5px 12px #ed870040}.ap-phone-screen--services .ap-app-mark{background:linear-gradient(145deg,#233752,#121d30);box-shadow:0 5px 12px #18253a33}.ap-bus-heading,.ap-doczee-welcome{flex-direction:column;gap:4px;padding:7px 2px 1px;display:flex}.ap-bus-heading>span,.ap-doczee-welcome>span{color:var(--app-accent);letter-spacing:.1em;font-size:.44rem;font-weight:800}.ap-bus-heading>strong,.ap-doczee-welcome>strong{color:#202638;font-size:.9rem;line-height:1.2}.ap-route-card{background:#fff;border:1px solid #e9ebf0;border-radius:14px;flex-direction:column;gap:6px;padding:7px;display:flex;position:relative;box-shadow:0 4px 12px #2026380a}.ap-route-city,.ap-route-date{background:#fafbfc;border:1px solid #edf0f4;border-radius:8px;align-items:center;gap:8px;min-height:24px;padding:3px 6px;display:flex}.ap-route-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:4px;display:grid}.ap-route-pair .ap-route-city{gap:5px;min-width:0;padding:4px}.ap-route-pair .ap-route-city>span{min-width:0}.ap-route-pair .ap-route-city strong{white-space:nowrap}.ap-route-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.ap-route-city>span,.ap-route-date>span:last-child{flex-direction:column;gap:2px;display:flex}.ap-route-city small,.ap-route-date small{color:#9299a8;letter-spacing:.06em;font-size:.4rem;font-weight:700}.ap-route-city strong,.ap-route-date strong{color:#293145;font-size:.62rem;line-height:1.2}.ap-route-dot{border:2px solid var(--app-accent);border-radius:50%;width:8px;height:8px;margin:0 3px}.ap-route-dot--to{background:var(--app-accent)}.ap-route-swap{width:20px;height:20px;color:var(--app-accent);background:#fff;border:1px solid #edf0f4;border-radius:50%;place-items:center;font-size:.65rem;display:grid}.ap-route-date>span:first-child{color:var(--app-accent);font-size:.9rem}.ap-bus-search-button{color:#fff;background:var(--app-accent);border-radius:8px;justify-content:space-between;align-items:center;min-height:29px;padding:0 7px;font-size:.49rem;font-weight:700;display:flex}.ap-bus-search-button span{font-size:.85rem}.ap-bus-result-heading,.ap-doczee-section-title{color:#293145;justify-content:space-between;align-items:center;font-size:.58rem;display:flex}.ap-bus-result-heading span,.ap-doczee-section-title span{color:var(--app-accent);font-size:.48rem;font-weight:600}.ap-bus-ticket{background:#fff;border:1px solid #eceef2;border-radius:12px;padding:8px}.ap-bus-ticket-top{border-bottom:1px dashed #e4e7ec;align-items:center;gap:6px;padding-bottom:6px;display:flex}.ap-bus-company-mark{width:24px;height:24px;color:var(--app-accent);background:var(--app-soft);border-radius:7px;flex:none;place-items:center;font-size:.65rem;font-weight:800;display:grid}.ap-bus-ticket-top>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.ap-bus-ticket-top strong{color:#293145;font-size:.53rem}.ap-bus-ticket-top small{color:#9299a8;font-size:.43rem}.ap-bus-rating{color:#b77906;margin-left:auto;font-size:.47rem;font-weight:700}.ap-bus-times{justify-content:space-between;align-items:center;gap:5px;padding:7px 0;display:flex}.ap-bus-times>span{flex-direction:column;gap:2px;display:flex}.ap-bus-times strong{color:#293145;font-size:.55rem}.ap-bus-times small{color:#9299a8;font-size:.43rem}.ap-bus-times>i{background:#d9dde5;width:38px;height:1px;position:relative}.ap-bus-times>i:after{content:"🚌";background:#fff;padding:0 3px;font-size:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ap-bus-ticket-bottom{color:#828a9a;border-top:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding-top:6px;font-size:.45rem;display:flex}.ap-bus-ticket-bottom span:last-child{color:var(--app-accent);font-weight:700}.ap-bus-ticket-bottom strong{color:#293145;font-size:.57rem}.ap-phone-nav{background:#fffffff7;border-top:1px solid #edf0f3;flex:none;justify-content:space-around;padding:7px 4px 8px;display:flex}.ap-phone-nav>span{color:#9ba2b0;flex-direction:column;align-items:center;gap:2px;font-size:.4rem;font-weight:600;display:flex}.ap-phone-nav i{font-size:.8rem;font-style:normal;line-height:1}.ap-phone-nav>.ap-phone-nav--active{color:var(--app-accent)}.ap-doczee-welcome{padding-top:8px}.ap-doczee-welcome>span{color:#7d8799}.ap-doczee-welcome>strong{font-size:.82rem}.ap-doczee-welcome>small{color:#8e96a5;font-size:.49rem}.ap-doczee-search{color:#8f97a7;background:#fff;border:1px solid #e8ebf0;border-radius:8px;align-items:center;gap:6px;min-height:29px;padding:0 9px;font-size:.49rem;display:flex}.ap-doczee-search span{font-size:.9rem}.ap-doczee-section-title{margin-top:2px}.ap-doczee-services{flex-direction:column;gap:7px;display:flex}.ap-doczee-service{background:#fff;border:1px solid #edf0f4;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:27px 1fr auto;align-items:center;column-gap:8px;padding:8px 9px;display:grid}.ap-doczee-service i{width:25px;height:25px;color:var(--app-accent);background:var(--app-soft);border-radius:8px;grid-row:1/3;place-items:center;font-size:.7rem;font-style:normal;display:grid}.ap-doczee-service strong{color:#283246;font-size:.54rem}.ap-doczee-service small{color:#9299a8;font-size:.44rem}.ap-doczee-service b{color:#9ba2b0;grid-area:1/3/3;font-size:.65rem}.ap-doczee-expert{background:#fff;border:1px solid #e7eaf0;border-radius:10px;align-items:center;gap:8px;margin-top:auto;padding:9px;display:flex}.ap-doczee-expert-icon{color:#bb8a22;background:#fff5da;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.ap-doczee-expert>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.ap-doczee-expert small{color:#9299a8;font-size:.4rem}.ap-doczee-expert strong{color:#283246;font-size:.52rem}.ap-doczee-expert>b{color:#7d8799;margin-left:auto;font-size:.7rem}@keyframes app-screen-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ap-map{background-color:#e8edf0;background-image:linear-gradient(32deg,#0000 45%,#ffffffeb 46% 50%,#0000 51%),linear-gradient(115deg,#0000 38%,#ffffffd9 39% 43%,#0000 44%),linear-gradient(76deg,#0000 62%,#fffc 63% 67%,#0000 68%);flex:auto;min-height:245px;position:relative;overflow:hidden}.ap-map-roads{border:2px solid #fffffff2;border-left:0;border-right:0;width:140%;height:10px;position:absolute;left:-20%;transform:rotate(-28deg)}.ap-map-roads--one{top:34%}.ap-map-roads--two{top:67%;transform:rotate(31deg)}.ap-map-park{background:#d3e5d7;border-radius:38% 52% 30% 45%;width:38%;height:26%;position:absolute;top:19%;right:12%;transform:rotate(-17deg)}.ap-map-route{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ap-map-route path{fill:none;stroke:#6259f5;stroke-width:4px;stroke-linecap:round;stroke-dasharray:8 7;filter:drop-shadow(0 2px 2px #4b42d233);animation:1.6s linear infinite route-flow}.ap-map-pin{border-radius:50% 50% 50% 8px;place-items:center;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 3px 9px #18223738}.ap-map-pin--start{background:#6259f5;width:22px;height:22px;bottom:17%;left:12%}.ap-map-pin--start i{background:#fff;border-radius:50%;width:6px;height:6px}.ap-map-pin--end{color:#fff;background:#12a985;width:25px;height:25px;font-size:.65rem;animation:2s ease-out infinite pin-pulse;top:14%;right:10%}.ap-map-label{color:#929aaa;letter-spacing:.1em;font-size:.45rem;font-weight:700;position:absolute;top:11%;left:10%}.ap-trip-card{background:#fffffff7;border:1px solid #25304812;border-radius:17px;padding:8px 11px 10px;position:absolute;bottom:11px;left:10px;right:10px;box-shadow:0 8px 25px #222f4721}.ap-service-map{flex:initial;height:100%;min-height:0;position:absolute;inset:0}.ap-app-body--service{padding:0}.ap-app-body--service .ap-trip-card{bottom:12px}.ap-trip-handle{background:#dce0e8;border-radius:3px;width:27px;height:3px;margin:0 auto 9px}.ap-trip-heading{align-items:center;gap:8px;display:flex}.ap-trip-icon{color:#6259f5;background:#eeedff;border-radius:10px;flex:none;place-items:center;width:29px;height:29px;font-size:1rem;font-weight:700;display:grid}.ap-trip-heading>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.ap-trip-heading small{color:#8991a3;letter-spacing:.07em;font-size:.44rem;font-weight:700}.ap-trip-heading strong{font-size:.62rem}.ap-trip-live{color:#149878;align-items:center;gap:4px;margin-left:auto;font-size:.48rem;font-weight:800;display:flex}.ap-trip-live i,.ap-chip-live{background:#1bb890;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #1bb89021}.ap-trip-progress{background:#eceef3;border-radius:4px;height:3px;margin:10px 0 7px;overflow:hidden}.ap-trip-progress span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#6259f5,#16b993);width:65%;height:100%;animation:2.8s ease-in-out infinite alternate progress-pulse;display:block}.ap-trip-footer{color:#9299a8;justify-content:space-between;font-size:.48rem;display:flex}.ap-trip-footer strong{color:#6259f5}.ap-phone-chip{color:#dfe2f3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131929db;border:1px solid #ffffff21;border-radius:12px;align-items:center;gap:7px;padding:10px 13px;font-size:.68rem;font-weight:600;animation:5s ease-in-out infinite chip-float;display:flex;position:absolute;box-shadow:0 12px 30px #0003}.ap-phone-chip--top{top:23%;left:-1%}.ap-phone-chip--top>span{color:#f7b731}.ap-phone-chip--bottom{animation-delay:-2.5s;bottom:21%;right:-2%}.ap-showcase-dots{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131929bf;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.ap-showcase-dot{cursor:pointer;width:7px;height:7px;transition:width var(--ap-transition), background var(--ap-transition);background:#e8eaf661;border:0;border-radius:50%;padding:0}.ap-showcase-dot--active{background:var(--ap-accent);border-radius:5px;width:19px}.ap-showcase-dot:focus-visible{outline:2px solid var(--ap-text);outline-offset:3px}@keyframes phone-enter{0%{opacity:0;transform:translateY(32px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes phone-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(-2deg)}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes route-flow{to{stroke-dashoffset:-30px}}@keyframes pin-pulse{0%,to{box-shadow:0 3px 9px #18223738,0 0 #12a98540}50%{box-shadow:0 3px 9px #18223738,0 0 0 7px #12a98500}}@keyframes progress-pulse{0%{transform:scaleX(.82)}to{transform:scaleX(1)}}.ap-hero-eyebrow{color:var(--ap-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:1rem;font-weight:600;animation:.8s .1s both fade-up}.ap-hero-name{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1.05;animation:.8s .2s both fade-up}.ap-hero-name span{background:linear-gradient(135deg, var(--ap-primary), var(--ap-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ap-hero-role{color:var(--ap-primary-light);margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;animation:.8s .3s both fade-up}.ap-hero-tagline{color:var(--ap-text-muted);margin-bottom:2.5rem;font-size:1rem;line-height:1.8;animation:.8s .4s both fade-up}.ap-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;animation:.8s .5s both fade-up;display:flex}.ap-btn{cursor:pointer;transition:all var(--ap-transition);letter-spacing:.02em;border:2px solid #0000;border-radius:50px;padding:.85rem 2rem;font-size:.95rem;font-weight:600}.ap-btn--primary{background:var(--ap-primary);color:#fff;box-shadow:0 4px 24px var(--ap-glow)}.ap-btn--primary:hover{background:var(--ap-primary-light);box-shadow:0 8px 32px var(--ap-glow);transform:translateY(-2px)}.ap-btn--ghost{color:var(--ap-text);border-color:var(--ap-border);background:0 0}.ap-btn--ghost:hover{border-color:var(--ap-primary);background:#6c63ff1a;transform:translateY(-2px)}.ap-hero-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;animation:.8s .6s both fade-up;display:flex}.ap-hero-badge{border:1px solid var(--ap-border);color:var(--ap-text-muted);transition:all var(--ap-transition);background:#ffffff0d;border-radius:50px;padding:.4rem 1rem;font-size:.8rem;text-decoration:none}.ap-hero-badge:hover{border-color:var(--ap-primary);color:var(--ap-text);background:#6c63ff1f}.ap-hero-scroll{cursor:pointer;border:2px solid var(--ap-border);border-radius:14px;justify-content:center;width:28px;height:46px;padding-top:8px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.ap-hero-scroll span{background:var(--ap-primary);border-radius:2px;width:4px;height:10px;animation:1.6s ease-in-out infinite scroll-bob}@keyframes scroll-bob{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(8px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ap-stats-strip{background:var(--ap-bg-card);border-top:1px solid var(--ap-border);border-bottom:1px solid var(--ap-border);flex-wrap:wrap;justify-content:center;gap:0;display:flex}.ap-stat{text-align:center;border-right:1px solid var(--ap-border);flex:180px;padding:2.5rem 1.5rem}.ap-stat:last-child{border-right:none}.ap-stat-value{background:linear-gradient(135deg, var(--ap-primary), var(--ap-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;line-height:1.1;display:block}.ap-stat-label{color:var(--ap-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.35rem;font-size:.8rem;font-weight:500;display:block}.ap-section{max-width:1100px;margin:0 auto;padding:6rem 2rem}.ap-section-head{text-align:center;margin-bottom:3.5rem}.ap-eyebrow{color:var(--ap-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:inline-block}.ap-section-title{letter-spacing:-.02em;color:var(--ap-text);font-size:clamp(2rem,5vw,2.75rem);font-weight:800}.ap-title-bar{background:linear-gradient(90deg, var(--ap-primary), var(--ap-accent));border-radius:4px;width:48px;height:4px;margin:1rem auto 0}.ap-about-grid{grid-template-columns:260px 1fr;align-items:start;gap:4rem;display:grid}.ap-about-avatar{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.ap-avatar-ring{background:linear-gradient(135deg, var(--ap-primary), var(--ap-accent));border-radius:50%;width:180px;height:180px;padding:4px}.ap-avatar-inner{background:var(--ap-bg-card);background:linear-gradient(135deg, var(--ap-bg-2), var(--ap-bg-card));width:100%;height:100%;color:var(--ap-primary);letter-spacing:-.04em;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:900;display:flex}.ap-about-info-pills{flex-direction:column;gap:.5rem;width:100%;display:flex}.ap-about-info-pills span{background:var(--ap-subtle-bg);border:1px solid var(--ap-border);color:var(--ap-text-muted);text-align:center;border-radius:8px;padding:.5rem .75rem;font-size:.78rem}.ap-about-text p{color:var(--ap-text-muted);margin-bottom:1.1rem;font-size:.975rem;line-height:1.8}.ap-about-text strong{color:var(--ap-text)}.ap-about-lead{color:var(--ap-text)!important;font-size:1.1rem!important;line-height:1.7!important}.ap-about-highlights{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.ap-highlight-chip{color:var(--ap-primary-light);background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;padding:.45rem 1rem;font-size:.8rem;font-weight:600}.ap-skills-section{background:0 0}.ap-skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.ap-skill-card{background:var(--ap-bg-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius);transition:transform var(--ap-transition), border-color var(--ap-transition), box-shadow var(--ap-transition);padding:1.75rem}.ap-skill-card:hover{border-color:var(--ap-primary);box-shadow:0 8px 32px var(--ap-glow);transform:translateY(-4px)}.ap-skill-category{letter-spacing:.1em;text-transform:uppercase;color:var(--ap-primary-light);margin-bottom:1rem;font-size:.75rem;font-weight:700}.ap-skill-tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.ap-skill-tag{background:var(--ap-tag-bg);border:1px solid var(--ap-tag-border);color:var(--ap-text-muted);transition:all var(--ap-transition);border-radius:6px;padding:.3rem .7rem;font-size:.8rem}.ap-skill-card:hover .ap-skill-tag{color:var(--ap-text);border-color:#6c63ff33}.ap-projects-section{background:linear-gradient(#0000,#6c63ff0a 50%,#0000)}.ap-filter-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.ap-filter-btn{border:1px solid var(--ap-border);color:var(--ap-text-muted);cursor:pointer;transition:all var(--ap-transition);background:0 0;border-radius:50px;padding:.45rem 1.25rem;font-size:.85rem;font-weight:500}.ap-filter-btn:hover{color:var(--ap-text);border-color:var(--ap-primary)}.ap-filter-btn--active{background:var(--ap-primary);color:#fff;border-color:var(--ap-primary);box-shadow:0 4px 16px var(--ap-glow)}.ap-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.ap-project-card{background:var(--ap-bg-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius);transition:transform var(--ap-transition), border-color var(--ap-transition), box-shadow var(--ap-transition);flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.ap-project-card:before{content:"";background:var(--accent,var(--ap-primary));border-radius:var(--ap-radius) var(--ap-radius) 0 0;opacity:0;height:3px;transition:opacity var(--ap-transition);position:absolute;top:0;left:0;right:0}.ap-project-card:hover{border-color:var(--accent,var(--ap-primary));box-shadow:var(--ap-card-shadow);transform:translateY(-6px)}.ap-project-card:hover:before{opacity:1}.ap-project-header{flex-direction:column;gap:.4rem;display:flex}.ap-project-tag{letter-spacing:.1em;text-transform:uppercase;color:#fff;border-radius:4px;width:fit-content;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.ap-project-title{color:var(--ap-text);font-size:1.2rem;font-weight:800}.ap-project-subtitle{color:var(--ap-text-muted);font-size:.85rem;line-height:1.5}.ap-project-highlights{flex-direction:column;flex:1;gap:.55rem;list-style:none;display:flex}.ap-project-highlights li{color:var(--ap-text-muted);gap:.4rem;font-size:.82rem;line-height:1.6;display:flex}.ap-bullet{flex-shrink:0;margin-top:.15rem;font-size:.75rem}.ap-project-stack{flex-wrap:wrap;gap:.4rem;display:flex}.ap-stack-tag{background:var(--ap-tag-bg);border:1px solid var(--ap-tag-border);color:var(--ap-text-muted);border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:500}.ap-project-links{flex-wrap:nowrap;gap:.5rem;display:flex}.ap-project-link{color:var(--accent,var(--ap-primary));border:1px solid var(--accent,var(--ap-primary));transition:all var(--ap-transition);opacity:.85;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.ap-project-link:hover{background:var(--accent,var(--ap-primary));color:#fff;opacity:1}.ap-certs-section,.ap-contact-section{isolation:isolate;position:relative}.ap-certs-section:before,.ap-contact-section:before{content:"";z-index:-1;border-top:1px solid var(--ap-border);border-bottom:1px solid var(--ap-border);background-color:var(--ap-section-wash);background-image:radial-gradient(ellipse at 17% 18%, var(--ap-section-glow-primary), transparent 39%), radial-gradient(ellipse at 84% 82%, var(--ap-section-glow-accent), transparent 38%), radial-gradient(var(--ap-section-dot) .7px, transparent .7px);pointer-events:none;background-size:auto,auto,24px 24px;width:100vw;position:absolute;inset:1.5rem auto 1.5rem 50%;transform:translate(-50%)}.ap-certs-section{max-width:800px}.ap-edu-card{background:var(--ap-bg-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius);box-shadow:var(--ap-card-shadow);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.75rem 2rem;display:flex}.ap-edu-icon{flex-shrink:0;font-size:2.5rem}.ap-edu-card h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.ap-edu-card p{color:var(--ap-text-muted);font-size:.875rem}.ap-certs-grid{flex-direction:column;gap:1rem;display:flex}.ap-cert-card{background:var(--ap-bg-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius);box-shadow:var(--ap-card-shadow);transition:border-color var(--ap-transition), transform var(--ap-transition), box-shadow var(--ap-transition);align-items:center;gap:1.25rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.ap-cert-card:before{content:"";background:linear-gradient(180deg, var(--ap-primary), var(--ap-accent));opacity:.75;width:3px;position:absolute;inset:0 auto 0 0}.ap-cert-card:hover{border-color:var(--ap-primary);box-shadow:0 14px 30px var(--ap-glow);transform:translateY(-2px)}.ap-cert-icon{flex-shrink:0;font-size:2rem}.ap-cert-info{flex:1}.ap-cert-info h4{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.ap-cert-info p{color:var(--ap-text-muted);font-size:.8rem}.ap-cert-link{color:var(--ap-primary);border:1px solid var(--ap-border);white-space:nowrap;transition:all var(--ap-transition);border-radius:6px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none}.ap-cert-link:hover{background:var(--ap-primary);color:#fff}.ap-contact-section{max-width:700px}.ap-contact-card{background:linear-gradient(145deg, var(--ap-bg-card), var(--ap-bg-2));border:1px solid var(--ap-border);border-radius:var(--ap-radius);text-align:center;box-shadow:var(--ap-card-shadow);padding:3rem}.ap-contact-copy{color:var(--ap-text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.7}.ap-contact-links{flex-direction:column;gap:.75rem;display:flex}.ap-contact-item{background:var(--ap-subtle-bg);border:1px solid var(--ap-border);color:var(--ap-text-muted);transition:all var(--ap-transition);border-radius:10px;align-items:center;gap:1rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.ap-contact-item:hover{border-color:var(--ap-primary);color:var(--ap-text);background:#6c63ff1a;transform:translate(4px)}.ap-contact-icon{font-size:1.25rem}.ap-footer{text-align:center;border-top:1px solid var(--ap-border);color:var(--ap-text-faint);padding:2rem;font-size:.82rem}.ap-footer strong{color:var(--ap-text-muted)}@media (width<=900px){.ap-projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ap-about-grid{text-align:center;grid-template-columns:1fr;gap:2.5rem}.ap-about-avatar{align-items:center}.ap-about-info-pills{flex-flow:wrap;justify-content:center}.ap-about-highlights{justify-content:center}}@media (width<=768px){.ap-hero{min-height:auto;padding:6rem 1.25rem 4rem}.ap-hero-layout{grid-template-columns:1fr;grid-template-areas:"content""visual""actions";gap:1rem}.ap-hero-content{text-align:center;max-width:620px;margin:0 auto}.ap-hero-cta,.ap-hero-badges{justify-content:center}.ap-hero-visual{min-height:490px}.ap-showcase-dots{bottom:0}.ap-phone{width:clamp(220px,48vw,245px)}.ap-phone-chip--top{left:5%}.ap-phone-chip--bottom{right:4%}.ap-nav-links{background:var(--ap-nav-drawer);-webkit-backdrop-filter:blur(20px);width:min(75vw,300px);height:100vh;transition:right var(--ap-transition);border-left:1px solid var(--ap-border);z-index:999;flex-direction:column;gap:.25rem;padding:5rem 2rem 2rem;position:fixed;top:0;right:-100%}.ap-nav-links--open{right:0}.ap-nav-links li button{text-align:left;border-radius:8px;width:100%;padding:.85rem 1rem;font-size:1.05rem;display:block}.ap-hamburger{z-index:1001;display:flex}.ap-stats-strip{flex-wrap:wrap}.ap-stat{flex:40%;padding:1.5rem 1rem}.ap-stat:nth-child(2){border-right:none}.ap-stat:nth-child(3){border-top:1px solid var(--ap-border)}.ap-stat:nth-child(4){border-top:1px solid var(--ap-border);border-right:none}.ap-stat-value{font-size:2rem}.ap-avatar-ring{width:150px;height:150px;margin:0 auto}.ap-about-info-pills{flex-flow:wrap;justify-content:center;gap:.4rem}.ap-about-info-pills span{flex:0 auto;padding:.4rem .65rem;font-size:.75rem}.ap-skills-grid,.ap-projects-grid{grid-template-columns:1fr}.ap-project-card{padding:1.5rem}.ap-project-links{gap:.4rem}.ap-root .ap-store-badge{height:42px}.ap-store-badge small{font-size:.52rem}.ap-store-badge strong{font-size:.7rem}.ap-contact-card{padding:1.75rem 1.25rem}.ap-edu-card{text-align:center;flex-direction:column;padding:1.5rem}.ap-cert-card{flex-wrap:wrap;gap:.75rem;padding:1.25rem}.ap-cert-link{text-align:center;width:100%}.ap-section{padding:4.5rem 1.25rem}.ap-certs-section,.ap-contact-section{max-width:100%}}@media (width<=480px){.ap-hero{padding:5.5rem 1.25rem 4rem}.ap-hero-visual{min-height:490px}.ap-phone{width:220px}.ap-phone-chip{gap:5px;padding:8px 9px;font-size:.58rem}.ap-phone-chip--top{left:0}.ap-phone-chip--bottom{right:0}.ap-hero-name{font-size:2.8rem}.ap-hero-cta{flex-direction:column;align-items:center}.ap-btn{width:100%;max-width:280px}.ap-section{padding:3.5rem 1rem}.ap-section-title{font-size:1.75rem}.ap-stat{flex:100%;border-right:none!important}.ap-stat:nth-child(n){border-top:1px solid var(--ap-border)}.ap-stat:first-child{border-top:none}.ap-root .ap-store-badge{height:38px}.ap-store-badge small{display:none}.ap-hero-badges{gap:.5rem}.ap-hero-badge{padding:.35rem .85rem;font-size:.75rem}.ap-project-card{padding:1.25rem}.ap-skills-grid{grid-template-columns:1fr}.ap-skill-card{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.ap-phone,.ap-phone-frame,.ap-phone-chip,.ap-map-route path,.ap-app-body,.ap-map-pin--end,.ap-trip-progress span{animation:none}}:root{--bg-primary:#faf8f5;--bg-secondary:#f0ede6;--bg-tertiary:#e6e1d6;--accent-blue:#027cb2;--accent-blue-light:#1e98ce;--accent-pistachio:#014a6e;--accent-pistachio-hover:#01334c;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#0f172a14;--border-hover:#0f172a2e;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 48px #0f172a1a;--shadow-premium:0 30px 60px #027cb214;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .25s cubic-bezier(.16, 1, .3, 1);--glass-bg:#faf8f5bf;--glass-blur:saturate(180%) blur(20px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary)}body{font-family:var(--font-body);color:var(--text-secondary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.625}#root{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:400;line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.25rem)}h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.section{padding:clamp(2.5rem,5vw,4.5rem) 0;position:relative}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.btn-premium{border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;transition:var(--transition-smooth);border:1px solid var(--text-primary);justify-content:center;align-items:center;gap:12px;padding:16px 36px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-premium.btn-dark{background-color:var(--text-primary);color:var(--bg-primary)}.btn-premium.btn-dark:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #7a5c2826}.btn-premium.btn-pistachio{background-color:var(--accent-pistachio);color:#fff;border-color:var(--accent-pistachio)}.btn-premium.btn-pistachio:hover{background-color:var(--accent-pistachio-hover);border-color:var(--accent-pistachio-hover);transform:translateY(-2px);box-shadow:0 10px 25px #93b57240}.btn-premium.btn-outline{color:var(--text-primary);border-color:var(--border-hover);background-color:#0000}.btn-premium.btn-outline:hover{border-color:var(--text-primary);background-color:#1a18140a;transform:translateY(-2px)}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.grid-blueprint{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}@media (width<=992px){.grid-blueprint{grid-template-columns:1fr;gap:32px}.grid-blueprint>div{grid-column:span 1!important}}.highlight-text{color:var(--accent-blue);background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.pistachio-dot{color:var(--accent-pistachio);font-family:var(--font-body);font-weight:700}.floating-whatsapp{color:#fff;z-index:999;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;transition:all .3s;animation:2s infinite pulse-whatsapp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px #25d36666}.floating-whatsapp:hover{color:#fff;transform:translateY(-4px)scale(1.05);box-shadow:0 14px 28px #25d36680}@keyframes pulse-whatsapp{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.site-header{z-index:100;width:100%;transition:var(--transition-smooth);background-color:#0000;border-bottom:1px solid #0000;padding:24px 0;position:fixed;top:0;left:0}.site-header.scrolled{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm);padding:16px 0}.header-container{justify-content:space-between;align-items:center;display:flex}.brand{z-index:110;align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:auto;height:64px;transition:var(--transition-smooth)}.site-header.scrolled .brand-logo{height:48px}.brand-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:24px;font-weight:400}.nav-menu{align-items:center;gap:40px;list-style:none;display:flex}.nav-item{position:relative}.nav-link{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-secondary);padding:8px 0;font-size:13px;font-weight:600;display:block}.nav-link:hover,.nav-link.active{color:var(--accent-blue)}.nav-link:after{content:"";background-color:var(--accent-blue);transform-origin:100%;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.menu-toggle{cursor:pointer;z-index:110;background:0 0;border:none;padding:8px;display:none}.hamburger-line{background-color:var(--text-primary);width:24px;height:2px;transition:var(--transition-fast);margin:5px 0;display:block}.menu-toggle.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-footer{display:none}@media (width<=1024px){.menu-toggle{margin-left:auto;display:block}.nav-container{background-color:var(--bg-primary);width:320px;height:100vh;box-shadow:var(--shadow-lg);transition:var(--transition-smooth);border-left:1px solid var(--border-color);z-index:100;flex-direction:column;justify-content:flex-start;padding:120px 40px 60px;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.nav-container.open{transform:translate(0)}.nav-menu{flex-direction:column;align-items:flex-start;gap:24px;width:100%;margin-bottom:40px;padding:0}.nav-link{letter-spacing:.05em;font-size:18px;font-weight:500}.mobile-menu-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:24px;width:100%;margin-top:auto;padding-top:24px;display:flex}.mobile-menu-contact{flex-direction:column;gap:8px;display:flex}.mobile-menu-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.mobile-menu-phone{font-family:var(--font-body);color:var(--text-primary);transition:var(--transition-fast);font-size:15px;font-weight:600;text-decoration:none}.mobile-menu-phone:hover{color:var(--accent-blue)}.mobile-menu-email{font-family:var(--font-body);color:var(--text-secondary);transition:var(--transition-fast);word-break:break-all;font-size:13px;text-decoration:none}.mobile-menu-email:hover{color:var(--accent-blue)}.mobile-menu-socials{align-items:center;gap:12px;display:flex}.mobile-social-icon{border-radius:var(--radius-pill);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;font-size:15px;display:flex}.mobile-social-icon:hover{background-color:var(--accent-pistachio);color:#fff;border-color:var(--accent-pistachio);transform:translateY(-2px)}}.premium-hero{background:radial-gradient(circle at 80% 20%,#93b57214 0%,#0000 50%),radial-gradient(circle at 20% 80%,#7a5c280d 0%,#0000 50%);align-items:center;min-height:calc(100vh - 40px);padding-top:110px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:48px;display:grid}.hero-left-col{text-align:left;flex-direction:column;grid-column:span 7;align-items:flex-start;display:flex}.hero-eyebrow{font-family:var(--font-body);letter-spacing:.25em;color:var(--accent-blue);opacity:0;margin-bottom:24px;font-size:13px;font-weight:600;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(20px)}.hero-heading{opacity:0;margin-bottom:24px;animation:.8s cubic-bezier(.16,1,.3,1) .15s forwards fadeInUp;transform:translateY(20px)}.hero-subtext{font-family:var(--font-body);color:var(--text-secondary);opacity:0;max-width:580px;margin-bottom:40px;font-size:18px;line-height:1.7;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards fadeInUp;transform:translateY(20px)}.hero-cta-row{opacity:0;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:48px;animation:.8s cubic-bezier(.16,1,.3,1) .45s forwards fadeInUp;display:flex;transform:translateY(20px)}.hero-style-tag-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;align-items:center;gap:16px;padding:12px 24px 12px 12px;animation:.8s cubic-bezier(.16,1,.3,1) .6s forwards fadeInUp,6s ease-in-out infinite alternate float;display:flex;transform:translateY(20px)}.style-tag-img-wrapper{border-radius:10px;width:48px;height:48px;overflow:hidden}.style-tag-img-wrapper img{object-fit:cover;width:100%;height:100%}.style-tag-content{text-align:left}.tag-label{color:var(--text-muted);letter-spacing:.1em;font-size:11px;font-weight:500}.tag-title{font-family:var(--font-body);color:var(--text-primary);font-size:14px;font-weight:700}.hero-right-col{opacity:0;flex-direction:column;grid-column:span 5;align-items:center;animation:1s cubic-bezier(.16,1,.3,1) .3s forwards scaleIn;display:flex;position:relative;transform:scale(.95)translateY(30px)}.segmented-tabs-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-pill);width:100%;margin-bottom:24px;padding:4px}.segmented-tabs{width:100%;display:flex}.segmented-tab-btn{border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex:1;padding:10px 16px;font-size:12px;font-weight:600}.segmented-tab-btn:hover{color:var(--text-primary)}.segmented-tab-btn.active{background-color:var(--bg-primary);color:var(--accent-blue);box-shadow:var(--shadow-sm)}.hero-showcase-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;height:520px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.showcase-img-wrapper{width:100%;height:100%}.showcase-main-img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.hero-showcase-card:hover .showcase-main-img{transform:scale(1.05)}.showcase-floating-card{-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);background:#faf8f5b3;border:1px solid #fff6;justify-content:space-between;align-items:center;padding:20px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.showcase-floating-card:hover{background-color:#faf8f5f2;transform:translateY(-4px)}.showcase-text-col{text-align:left}.showcase-eyebrow{letter-spacing:.1em;color:var(--accent-blue);font-size:10px;font-weight:700}.showcase-title{font-family:var(--font-body);color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:600}.showcase-arrow-btn{border-radius:var(--radius-pill);background-color:var(--text-primary);color:#fff;width:44px;height:44px;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.showcase-floating-card:hover .showcase-arrow-btn{background-color:var(--accent-blue);transform:rotate(-45deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media (width<=1024px){.premium-hero{padding-top:120px;padding-bottom:60px}.hero-grid{gap:32px}.hero-left-col{order:2;grid-column:span 12}.hero-right-col{order:1;grid-column:span 12;margin-bottom:24px}}.magic-blueprint-section{background-color:var(--bg-primary);flex-direction:column;width:100%;display:flex}.blueprint-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;width:100%;display:flex}@media (width>=768px){.blueprint-row{height:380px}}.blueprint-col{border-right:1px solid var(--border-color);min-width:320px;min-height:290px;transition:var(--transition-smooth);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.blueprint-col:last-child{border-right:none}.blueprint-col.col-1{border-right:1px solid var(--border-color);flex:0 0 120px;justify-content:center;align-items:center;min-width:120px;max-width:120px}.col-inner{text-align:left;flex-direction:column;justify-content:space-between;height:100%;padding:40px;display:flex}.big-number{font-family:var(--font-display);color:#1a18140d;font-size:80px;line-height:.8}.magic-subtitle{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:32px}.magic-p-descr{color:var(--text-secondary);font-size:15px;line-height:1.6}.diagonal-arrow{color:var(--text-muted);transition:var(--transition-fast);align-self:flex-start;margin-top:auto;font-size:28px}.blueprint-col:hover .diagonal-arrow{color:var(--accent-blue);transform:translate(4px,-4px)}.blueprint-col.img-col{padding:0}.blueprint-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.blueprint-col:hover .blueprint-img{transform:scale(1.04)}.blueprint-col.heading-col{background-color:var(--bg-secondary);flex:2;justify-content:center;min-width:600px;padding:60px}.huge-running-text{color:var(--text-secondary);text-align:left;font-size:clamp(18px,2.2vw,24px);font-weight:400;line-height:1.65;font-family:var(--font-body)!important}.col-about-title{font-family:var(--font-display);margin-bottom:24px;font-size:28px;line-height:1.3}.col-about-info p{color:var(--text-secondary);font-size:15px;line-height:1.7}.service-item-row{flex-direction:column;gap:24px;margin-top:32px;display:flex}.service-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition-smooth);align-items:center;gap:20px;padding:16px 24px;display:flex}.service-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.service-item img{object-fit:contain;width:32px;height:auto}.service-item h4{font-family:var(--font-body);color:var(--text-primary);font-size:16px;font-weight:600}.services-accordion-list{flex-direction:column;margin-top:40px;display:flex}.service-row-item{border-top:1px solid var(--border-color);transition:var(--transition-smooth);padding:24px 0}.service-row-item:last-child{border-bottom:1px solid var(--border-color)}.service-row-header{cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;width:100%;display:flex}.service-row-left{align-items:center;gap:30px;display:flex}.service-row-index{font-family:var(--font-body);color:var(--accent-pistachio);font-size:14px;font-weight:700}.service-row-title{font-family:var(--font-body);color:var(--text-primary);transition:var(--transition-fast);font-size:20px;font-weight:650}.service-row-arrow{color:var(--text-muted);font-size:18px;transition:transform .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1)}.service-row-item.open .service-row-arrow{color:var(--accent-blue);transform:rotate(90deg)}.service-row-item.open .service-row-title{color:var(--accent-blue)}.service-row-content{text-align:left;max-height:0;padding-left:44px;transition:max-height .4s cubic-bezier(.16,1,.3,1),margin-top .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.service-row-item.open .service-row-content{max-height:200px;margin-top:16px}.service-row-content p{color:var(--text-secondary);font-size:15px;line-height:1.6}.ios-horizontal-gallery{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent-blue) transparent;gap:24px;padding:16px 0 32px;display:flex;overflow-x:auto}.ios-horizontal-gallery::-webkit-scrollbar{height:6px}.ios-horizontal-gallery::-webkit-scrollbar-track{background:0 0}.ios-horizontal-gallery::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-pill)}.gallery-slide-card{scroll-snap-align:start;border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex:0 0 360px;overflow:hidden}.gallery-slide-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-8px)}.slide-img-wrapper{height:240px;position:relative;overflow:hidden}.slide-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.gallery-slide-card:hover .slide-img-wrapper img{transform:scale(1.04)}.slide-badge{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:var(--accent-blue);border:1px solid #ffffff4d;padding:6px 14px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px}.slide-meta{text-align:left;padding:24px}.slide-title{font-family:var(--font-body);color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.slide-location{color:var(--text-muted);font-size:13px}.contact-section-inner{grid-template-columns:repeat(12,1fr);align-items:center;gap:48px;display:grid}.contact-info-col{text-align:left;grid-column:span 4}.contact-card-address{background:linear-gradient(135deg, var(--bg-secondary) 0%, #f0ede666 100%);border:1px solid var(--border-color);border-left:4px solid var(--accent-pistachio);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);flex-direction:column;gap:28px;margin-top:24px;padding:32px 32px 32px 40px;display:flex}.contact-card-address:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.contact-card-item{align-items:flex-start;gap:20px;display:flex}.contact-card-icon{border-radius:var(--radius-pill);background-color:var(--bg-primary);border:1px solid var(--border-color);width:40px;height:40px;color:var(--accent-blue);box-shadow:var(--shadow-sm);transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.contact-card-item:hover .contact-card-icon{background-color:var(--accent-pistachio);color:#fff;border-color:var(--accent-pistachio)}.contact-card-text{text-align:left}.contact-card-text strong{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700;display:block}.contact-card-text p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.contact-card-text a{color:var(--accent-blue);transition:var(--transition-fast);font-size:14px;font-weight:600}.contact-card-text a:hover{color:var(--accent-pistachio)}.contact-form-col{grid-column:span 8}.premium-form{flex-direction:column;gap:20px;display:flex}.form-row-double{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=580px){.form-row-double{grid-template-columns:1fr;gap:16px}}.form-input-wrapper{position:relative}.form-control{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:18px 24px;font-size:15px}.form-control:focus{border-color:var(--accent-blue);background-color:var(--bg-primary);box-shadow:0 0 0 1px var(--accent-blue)}textarea.form-control{resize:vertical;min-height:140px}.form-submit-row{justify-content:flex-start;display:flex}.success-panel{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;max-width:600px;margin:0 auto;padding:60px 40px}.success-icon-wrapper{border-radius:var(--radius-pill);width:80px;height:80px;color:var(--accent-pistachio);background-color:#93b5721a;justify-content:center;align-items:center;margin:0 auto 24px;font-size:36px;display:flex}.success-panel h3{margin-bottom:8px}.success-panel p{color:var(--text-secondary);margin-bottom:32px}.contact-options{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-whatsapp{color:#fff!important;background-color:#25d366!important;border-color:#25d366!important}.btn-whatsapp:hover{background-color:#20ba56!important;border-color:#20ba56!important;box-shadow:0 10px 20px #25d36633!important}.btn-email{background-color:var(--accent-blue)!important;color:#fff!important;border-color:var(--accent-blue)!important}.btn-email:hover{background-color:var(--accent-blue-light)!important;border-color:var(--accent-blue-light)!important;box-shadow:0 10px 20px #7a5c2833!important}.btn-sms{color:#fff!important;background-color:#007aff!important;border-color:#007aff!important}.btn-sms:hover{background-color:#0066d6!important;border-color:#0066d6!important;box-shadow:0 10px 20px #007aff33!important}@media (width<=768px){.contact-section-inner{grid-template-columns:1fr;gap:32px}.contact-info-col,.contact-form-col{grid-column:span 1!important}}.featured-horizontal-portfolio{border-bottom:1px solid var(--border-color);padding-top:2rem!important;padding-bottom:2rem!important}.contacts-section{padding-top:2.5rem!important;padding-bottom:0!important}.about-home{padding-bottom:2rem!important}.services-list-section{padding-top:2rem!important;padding-bottom:2.5rem!important}.main-inner-hero{text-align:center;background-position:50%;background-size:cover;background-color:var(--bg-secondary);padding-top:120px;padding-bottom:60px;position:relative;overflow:hidden}.main-inner-hero:before{content:"";z-index:1;background:linear-gradient(#faf8f5b3 0%,#faf8f5f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.inner-hero-container{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.inner-hero-eyebrow{font-family:var(--font-body);letter-spacing:.25em;color:var(--accent-blue);margin-bottom:16px;font-size:13px;font-weight:600}.inner-hero-title{max-width:800px;margin-bottom:16px}.inner-hero-desc{font-family:var(--font-body);color:var(--text-secondary);max-width:600px;font-size:18px}.project-meta-details{font-size:14px;font-family:var(--font-body);color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:30px;margin-top:24px;display:flex}@media (width<=768px){.project-meta-details{text-align:center;flex-direction:column;align-items:center;gap:12px}}.ios-segmented-container{justify-content:center;margin-bottom:48px;display:flex}.ios-segmented-control{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-pill);gap:4px;padding:4px;display:flex}.ios-segment-button{border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:12px 28px;font-size:13px;font-weight:600}.ios-segment-button:hover{color:var(--text-primary)}.ios-segment-button.active{background-color:var(--bg-primary);color:var(--accent-blue);box-shadow:var(--shadow-sm);border:1px solid #1a18140a}.ios-projects-blueprint-grid{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (width<=768px){.ios-projects-blueprint-grid{grid-template-columns:1fr}}.ios-project-card{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:var(--bg-primary);transition:var(--transition-smooth);padding:48px}.ios-project-card:hover{background-color:var(--bg-secondary)}.ios-project-img-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);height:320px;margin-bottom:24px;position:relative;overflow:hidden}.ios-project-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.ios-project-card:hover .ios-project-img{transform:scale(1.04)}.ios-project-badge{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:var(--accent-blue);padding:6px 14px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px}.ios-project-meta-row{letter-spacing:.1em;color:var(--text-muted);text-align:left;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.ios-project-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ios-project-heading{font-family:var(--font-display);color:var(--text-primary);text-align:left;margin:0;font-size:26px}.ios-project-arrow{border-radius:var(--radius-pill);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition-smooth);background-color:#0000;justify-content:center;align-items:center;display:flex}.ios-project-card:hover .ios-project-arrow{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);transform:rotate(-45deg)}.ios-project-descr-preview{color:var(--text-secondary);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-detail-layout{grid-template-columns:repeat(12,1fr);align-items:start;gap:48px;display:grid}@media (width<=768px){.project-detail-layout{grid-template-columns:1fr;gap:32px}.project-description-col,.project-specs-col{grid-column:span 1!important}}.project-description-col{text-align:left;grid-column:span 7}.project-specs-col{grid-column:span 5}.spec-card-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=480px){.spec-card-grid{grid-template-columns:1fr;gap:16px}}.spec-item-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;transition:var(--transition-smooth);padding:24px}.spec-item-box:hover{border-color:var(--border-hover);transform:translateY(-2px)}.spec-label{letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.spec-value{font-family:var(--font-body);color:var(--text-primary);font-size:18px;font-weight:600}.project-gallery-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}@media (width<=1024px){.project-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.project-gallery-grid{grid-template-columns:1fr}}.gallery-item-container{border-radius:var(--radius-md);border:1px solid var(--border-color);height:320px;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;overflow:hidden}.gallery-image-zoom{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.gallery-item-container:hover .gallery-image-zoom{transform:scale(1.04)}.gallery-img-overlay{opacity:0;width:100%;height:100%;transition:var(--transition-fast);background:#1a18144d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.gallery-item-container:hover .gallery-img-overlay{opacity:1}.gallery-overlay-icon{border-radius:var(--radius-pill);background-color:var(--glass-bg);width:50px;height:50px;-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:18px;display:flex}.blog-list-container{flex-direction:column;gap:40px;display:flex}.blog-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);grid-template-columns:repeat(12,1fr);gap:32px;display:grid;overflow:hidden}.blog-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-thumbnail-wrapper{grid-column:span 5;height:360px;position:relative}.blog-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-thumbnail{transform:scale(1.03)}.blog-info-wrapper{text-align:left;flex-direction:column;grid-column:span 7;justify-content:space-between;padding:48px;display:flex}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.blog-tag{letter-spacing:.1em;background-color:var(--bg-tertiary);color:var(--accent-blue);border-radius:var(--radius-pill);padding:4px 12px;font-size:11px;font-weight:600}.blog-card-title{font-family:var(--font-display);margin-bottom:16px;font-size:24px;line-height:1.3}.blog-card-preview{color:var(--text-secondary);margin-bottom:30px;font-size:15px;line-height:1.6}.blog-card-meta{color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:space-between;padding-top:16px;font-size:12px;display:flex}.blog-card-meta strong{color:var(--text-primary)}@media (width<=1024px){.blog-card{grid-template-columns:1fr}.blog-thumbnail-wrapper{grid-column:span 1;height:280px}.blog-info-wrapper{grid-column:span 1;padding:32px}}.blog-details-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:48px;display:grid}.blog-article-col{text-align:left;grid-column:span 8}.blog-sidebar-col{grid-column:span 4}.blog-post-header{margin-bottom:40px}.blog-post-meta{color:var(--text-muted);gap:24px;margin-top:16px;font-size:14px;display:flex}.blog-post-meta strong{color:var(--text-primary)}.blog-post-cover{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;height:480px;margin-bottom:40px}.blog-post-content{color:var(--text-secondary);font-size:17px;line-height:1.8}.blog-post-content p{margin-bottom:24px}.blog-post-content p:first-of-type:first-letter{font-family:var(--font-display);float:left;color:var(--accent-blue);padding-right:12px;font-size:68px;line-height:56px}.sidebar-widget{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;padding:32px}.sidebar-widget-title{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px;font-size:18px;font-weight:700}.sidebar-recent-posts{flex-direction:column;gap:20px;display:flex}.recent-post-item{align-items:center;gap:16px;display:flex}.recent-post-thumb{border-radius:var(--radius-sm);border:1px solid var(--border-color);flex-shrink:0;width:80px;height:60px;overflow:hidden}.recent-post-thumb img{object-fit:cover;width:100%;height:100%}.recent-post-details{flex-direction:column;display:flex}.recent-post-link{font-family:var(--font-body);color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.recent-post-link:hover{color:var(--accent-blue)}.recent-post-date{color:var(--text-muted);font-size:11px}@media (width<=1024px){.blog-article-col{grid-column:span 12}.blog-sidebar-col{grid-column:span 12;margin-top:40px}.blog-post-cover{height:320px}}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:30px;padding:40px 0}.footer-grid{grid-template-columns:repeat(12,1fr);gap:40px;margin-bottom:60px;display:grid}.footer-brand-col{text-align:left;grid-column:span 5}.footer-desc{color:var(--text-secondary);max-width:360px;margin-top:20px;font-size:15px;line-height:1.6}.footer-nav-col{text-align:left;grid-column:span 3}.footer-widget-title{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-primary);margin-bottom:24px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:14px}.footer-link:hover{color:var(--accent-blue);transform:translate(4px)}.footer-contact-col{text-align:left;grid-column:span 4}.footer-contact-info{color:var(--text-secondary);font-size:14px;line-height:1.8}.footer-contact-info a:hover{color:var(--accent-blue)}.footer-socials{gap:12px;margin-top:24px;display:flex}.social-circle-link{border-radius:var(--radius-pill);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-smooth);background-color:#0000;justify-content:center;align-items:center;display:flex}.social-circle-link:hover{background-color:var(--accent-pistachio);color:#fff;border-color:var(--accent-pistachio);transform:translateY(-3px);box-shadow:0 4px 12px #93b57240}.footer-bottom-bar{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}.copyright-text,.author-credits{color:var(--text-muted);font-size:13px}.author-credits strong{color:var(--text-secondary);transition:var(--transition-fast);font-weight:600}.author-credits strong:hover{color:var(--accent-blue)}.back-to-top-btn{border-radius:var(--radius-pill);background-color:var(--text-primary);width:44px;height:44px;color:var(--bg-primary);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;display:flex}.back-to-top-btn:hover{background-color:var(--accent-pistachio);transform:translateY(-4px);box-shadow:0 8px 16px #93b57233}@media (width<=1024px){.footer-brand-col{grid-column:span 12}.footer-nav-col,.footer-contact-col{grid-column:span 6}}@media (width<=768px){.site-footer{padding:60px 0 30px}.footer-grid{gap:30px}.footer-nav-col,.footer-contact-col{grid-column:span 12}.footer-bottom-bar{text-align:center;flex-direction:column;align-items:center}}
