.lang-switcher{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-globe{font-size:14px;opacity:.9;margin-left:6px;margin-right:2px}.lang-btn{appearance:none;border:0;background:transparent;color:var(--color-text);font:600 12px/1 var(--font-main);padding:6px 10px;border-radius:999px;cursor:pointer;transition:transform .12s ease,background-color .12s ease,color .12s ease;outline:none}.lang-btn:hover{transform:translateY(-1px);color:#fff;background:#ffffff14}.lang-btn:focus-visible{box-shadow:0 0 0 2px #111,0 0 0 4px var(--color-primary)}.lang-btn.active{background:var(--color-primary);color:#0b0f0c}@media (max-width: 480px){.lang-switcher{gap:4px;padding:2px}.lang-btn{padding:4px 8px;font-size:11px}.lang-globe{display:none}}.nav-list li a{text-decoration:none;color:var(--color-text);transition:color .2s ease}.nav-list li a:hover{color:var(--color-primary)}@media (max-width: 768px){.header-inner{flex-wrap:wrap;gap:var(--space-md)}.nav-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-md);width:100%}.logo{flex:1 1 100%;text-align:center}}@media (max-width: 480px){.nav-list{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}}.hero{position:relative;height:calc(100vh - var(--header-h, 72px));min-height:520px;overflow:hidden;color:var(--color-text)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:relative;z-index:1;height:100%;background:linear-gradient(to bottom,#00000073,#0009)}.hero-container{height:100%}.hero-stage{position:relative;height:100%}.hero-figure{position:absolute;left:50%;bottom:0;transform:translate(-50%,10%);z-index:2;margin:0}.hero-photo{display:block;width:clamp(380px,56vw,920px);height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:transparent!important;will-change:transform,filter;transition:filter .22s ease,transform .22s ease}.hero-photo:hover{filter:blur(2px) brightness(.98);transform:scale(1.02)}.hero-content{position:absolute;left:50%;bottom:clamp(56px,10vh,140px);transform:translate(-90%,35%);text-align:center;z-index:3;padding:0}.hero-title{font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:var(--space-xs);font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.45)}.hero-role{min-height:1.6em;margin-bottom:var(--space-md);color:var(--color-primary);font-size:clamp(1.05rem,1.9vw,1.35rem);font-weight:700;text-shadow:0 2px 16px rgba(0,0,0,.4)}.role-word{display:inline-block;will-change:transform,opacity}@keyframes roleIn{0%{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-in{animation:roleIn .7s cubic-bezier(.22,1,.36,1) both}.hero-buttons{display:flex;gap:var(--space-md);justify-content:center}.btn-primary{background-color:var(--color-primary);color:#000;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:700;transition:background-color .2s ease,transform .15s ease}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:700;transition:background-color .2s ease,color .2s ease,transform .15s ease}.btn-secondary:hover{background:var(--color-primary);color:#000;transform:translateY(-1px)}@media (max-width: 900px){.hero-figure{transform:translate(-60%,35%);-webkit-transform:translate(-60%,35%);-moz-transform:translate(-60%,35%);-ms-transform:translate(-60%,35%);-o-transform:translate(-60%,35%)}.hero-photo{width:clamp(500px,110vw,800px)}.hero-content{bottom:clamp(52px,12vh,120px)}}@media (max-width: 640px){.hero-figure{left:50%;transform:translate(-60%,35%);-webkit-transform:translate(-60%,35%);-moz-transform:translate(-60%,35%);-ms-transform:translate(-60%,35%);-o-transform:translate(-60%,35%)}.hero-photo{width:clamp(500px,110vw,800px)}.hero-content{bottom:clamp(48px,14vh,100px)}}@media (prefers-reduced-motion: reduce){.hero-photo,.btn-primary,.btn-secondary{transition:none!important;transform:none!important}}.reveal{opacity:0;transform:translateZ(0);will-change:opacity,transform;transition:opacity var(--reveal-duration, .7s) ease,transform var(--reveal-duration, .7s) ease;transition-delay:var(--reveal-delay, 0ms)}.reveal.fade-up{transform:translateY(24px)}.reveal.fade-right{transform:translate(-24px)}.reveal.zoom-in{transform:scale(.96)}.reveal.is-inview{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal,.reveal.is-inview{opacity:1!important;transform:none!important;transition:none!important}}.services{padding:var(--space-xl) 0}.section-title{font-size:2rem;margin-bottom:var(--space-sm);text-align:center}.section-desc{max-width:700px;margin:0 auto var(--space-lg);text-align:center;color:#aaa}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.service-card{perspective:1000px;height:320px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.service-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center}.card-front{background-color:#ffffff05}.card-front h3{color:var(--color-primary);margin-bottom:var(--space-sm)}.card-back{background-color:var(--color-primary);color:#fff;transform:rotateY(180deg)}.card-back h3{color:#fff;margin-bottom:var(--space-sm)}.about{padding:var(--space-xl) 0}.about-inner{display:flex;align-items:center;gap:var(--space-lg)}.about-image{flex:1}.about-image img{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.about-content{flex:2}.about-content p{margin-bottom:var(--space-md);color:var(--color-text);line-height:1.6}@media (max-width: 768px){.about-inner{flex-direction:column;text-align:center}.about-image{order:-1}.about-content a{display:inline-block;margin-top:var(--space-md)}}.skills{padding:var(--space-xl) 0}.skills-desc{max-width:800px;margin:0 auto var(--space-lg);text-align:center;color:#a9b0b5}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.skills-process{position:relative;padding-left:20px}.skills-process:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),transparent);opacity:.3}.process-item{display:grid;grid-template-columns:16px 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.process-dot{width:16px;height:16px;border-radius:999px;background:var(--color-primary);box-shadow:0 0 0 4px #22c55e26;margin-top:4px}.process-content h4{color:var(--color-primary);margin-bottom:6px}.process-content p{color:var(--color-text);opacity:.9}.skills-bars{display:grid;gap:var(--space-md)}.skill{width:100%}.skill-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.skill-label{font-weight:600}.skill-value{color:#cdd3d8;font-variant-numeric:tabular-nums}.skill-bar{width:100%;height:10px;background:#ffffff14;border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.skill-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),#34d399);border-radius:inherit;transition:width 1.1s cubic-bezier(.22,1,.36,1) var(--skill-delay, 0ms),filter .3s ease;filter:saturate(.95)}.skill-fill.is-inview{width:var(--skill-target, 0%)}.skill:hover .skill-fill{filter:saturate(1.1)}@media (max-width: 992px){.skills-grid{grid-template-columns:1fr}.skills-process{padding-left:12px}.skills-process:before{left:6px}}.portfolio{padding:var(--space-xl) 0}.portfolio-filters{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.portfolio-filters button{border:none;background:#ffffff0f;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);font-weight:500;transition:background .2s ease,color .2s ease}.portfolio-filters button.active,.portfolio-filters button:hover{background:var(--color-primary);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.portfolio-card{background:#ffffff0d;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;flex-direction:column}.portfolio-img img{width:100%;height:200px;object-fit:cover}.portfolio-info{padding:var(--space-md);flex:1}.portfolio-info h3{margin-bottom:8px}.portfolio-info p{font-size:.9rem;margin-bottom:var(--space-md);color:#a9b0b5}.portfolio-info a{text-decoration:none;color:var(--color-primary);font-weight:600}.portfolio-info a:hover{text-decoration:underline}.portfolio-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-link{color:var(--color-primary);font-weight:600;text-decoration:none}.btn-link:hover{text-decoration:underline}.project-detail{padding:var(--space-xl) 0}.breadcrumb{display:flex;gap:6px;margin-bottom:var(--space-sm);font-size:.9rem;opacity:.85}.crumb{color:var(--color-text);text-decoration:none}.crumb:hover{text-decoration:underline}.crumb.current{color:#cbd5e1}.pd-head{margin-bottom:var(--space-md)}.pd-title{font-size:2rem;margin-bottom:8px}.pd-sub{color:#a9b0b5}.pd-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--color-border);border-radius:999px;padding:6px 10px;background:#ffffff0a}.chip span:first-child{opacity:.8}.pd-hero img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:var(--space-lg)}.pd-overview{margin-bottom:var(--space-lg)}.pd-overview h2{margin-bottom:8px}.pd-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.pd-box{border:1px solid var(--color-border);background:#ffffff08;border-radius:var(--radius-md);padding:var(--space-md)}.pd-box h3{margin-bottom:8px;color:var(--color-primary)}.pd-list{padding-left:18px;display:grid;gap:6px;margin-top:6px}.pd-process{margin:var(--space-lg) 0}.pd-process ol{padding-left:18px;display:grid;gap:6px}.pd-results .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.metric{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;background:#ffffff08}.metric-value{font-size:1.6rem;font-weight:800;color:var(--color-primary)}.metric-label{opacity:.9}.pd-gallery{margin-top:var(--space-lg)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.gallery-grid img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.pd-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--space-lg)}.pd-related{margin-top:var(--space-xl)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.related-card{text-decoration:none;color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:#ffffff08;display:flex;flex-direction:column}.related-card img{width:100%;height:160px;object-fit:cover}.related-info{padding:var(--space-md);display:flex;justify-content:space-between;align-items:center}.tag{font-size:.8rem;opacity:.9}@media (max-width: 992px){.pd-two-cols{grid-template-columns:1fr}}.tools{padding:var(--space-xl) 0;position:relative}.tools:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.7;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(500px 250px at 15% -10%,rgba(34,197,94,.05),transparent 60%),radial-gradient(400px 200px at 85% 110%,rgba(34,197,94,.04),transparent 60%);background-size:28px 28px,28px 28px,auto,auto;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.tools>.container{position:relative;z-index:1}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.tools-grid--ghost .tool-tile{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.08);background:transparent;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tools-grid--ghost .tool-tile:hover{transform:translateY(-2px);border-color:#22c55e59;box-shadow:0 6px 20px #00000040}.tool-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(60px 60px at 50% 50%,rgba(34,197,94,.08),transparent);border:1px solid rgba(255,255,255,.06)}.tool-icon img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.tool-meta h3{margin-bottom:6px;color:var(--color-primary);font-weight:700}.tool-meta p{color:#a9b0b5;font-size:.95rem;line-height:1.5}@media (max-width: 560px){.tools-grid--ghost .tool-tile{grid-template-columns:48px 1fr;padding:12px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}.tool-icon{width:48px;height:48px;background:radial-gradient(48px 48px at 50% 50%,rgba(34,197,94,.06),transparent)}}@media (prefers-reduced-motion: reduce){.tools-grid--ghost .tool-tile,.tools-grid--ghost .tool-tile:hover{transition:none!important;transform:none!important;box-shadow:none!important}}.contact{position:relative;padding:80px 0;background:var(--surface-1, #121212);overflow:hidden}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1200px 400px at 20% 10%,rgba(0,255,140,.06),transparent 60%),radial-gradient(900px 400px at 80% 90%,rgba(0,255,140,.04),transparent 60%);opacity:1}.contact-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:48px}@media (max-width: 960px){.contact-grid{grid-template-columns:1fr}}.section-title{font-size:clamp(28px,4vw,42px);line-height:1.1;margin-bottom:12px}.section-sub{color:#9aa0a6;margin-bottom:8px}.section-desc{color:#cfd3d7;margin-bottom:24px}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.contact-list .icon{margin-right:8px}.contact-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-size:14px;color:#cfd3d7}input[type=text],input[type=tel],textarea{width:100%;background:#0f0f10;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{border-color:#00e676;box-shadow:0 0 0 3px #00e67626}textarea{resize:vertical;min-height:120px}.btn-send{margin-top:6px;border:0;border-radius:14px;padding:12px 18px;color:#0a0a0a;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#0f8,#18ffaa);transition:transform .08s ease,box-shadow .2s ease,filter .2s ease}.btn-send:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00ffa033}.btn-send:disabled{filter:grayscale(.5);cursor:not-allowed}.form-status{min-height:22px}.form-status .ok{color:#2ee59d;margin-top:6px}.form-status .err{color:#ff6b6b;margin-top:6px}.hp{position:absolute!important;left:-10000px!important;top:-10000px!important;opacity:0;height:0;width:0;pointer-events:none}.site-footer{border-top:1px solid var(--color-border);background:#ffffff05;padding-top:var(--space-xl)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-xl)}.footer-brand .logo{font-weight:800;font-size:1.25rem;margin-bottom:var(--space-sm)}.footer-tagline{color:#a9b0b5;margin-bottom:var(--space-md);max-width:36ch}.back-to-top{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--color-text);font-weight:700;cursor:pointer;transition:transform .15s ease,background-color .2s ease,border-color .2s ease}.back-to-top .arrow{transform:translateY(-1px)}.back-to-top:hover{transform:translateY(-1px);background:#ffffff0d;border-color:#fff3}.back-to-top:focus-visible{outline:none;box-shadow:0 0 0 3px #0b0f0ce6,0 0 0 6px #22c55e73}.footer-title{color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:800}.footer-links{list-style:none;display:grid;gap:8px}.footer-links a{color:var(--color-text);text-decoration:none;opacity:.9;transition:color .2s ease,opacity .2s ease}.footer-links a:hover{color:var(--color-primary);opacity:1}.footer-contact-list{list-style:none;display:grid;gap:6px;margin-bottom:var(--space-md)}.footer-contact-list a{color:var(--color-text);text-decoration:none}.footer-contact-list a:hover{color:var(--color-primary)}.footer-social .social-list{list-style:none;display:flex;gap:var(--space-md);flex-wrap:wrap}.footer-social a{color:var(--color-text);opacity:.9;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.2)}.footer-social a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.footer-bottom{margin-top:var(--space-xl);border-top:1px solid var(--color-border);padding:var(--space-md) 0;background:#0003}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-size:.95rem;opacity:.9}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr;gap:var(--space-lg)}.footer-bottom-inner{flex-direction:column;text-align:center}}:root{--bp-md: 960px}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#414141ce;border-bottom:1px solid rgba(54,52,52,.229)}.nav-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:12px 0}.brand{font-weight:800;margin-bottom:13px;margin-right:5px;letter-spacing:.5px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.brand-mark{display:inline-block;padding:2px 6px;background:#00ffa0;color:#101010;border-radius:6px;font-weight:900}.nav-desktop ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}.nav-desktop a{color:#e8eaed;text-decoration:none;font-weight:600}.nav-desktop a:hover{color:#9cffd3}.lang-desktop{display:flex;gap:8px}.lang-btn{border:1px solid rgba(228,11,11,.18);background:#ffffff0f;color:#e8eaed;padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:700}.lang-btn.active{border-color:transparent;background:linear-gradient(90deg,#0f8,#18ffaa);color:#0b0b0b}.hamburger{width:40px;height:40px;display:none;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;margin-bottom:7px}.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;position:relative;transition:transform .2s ease,opacity .2s ease}span:nth-child(1){transform:translate(14px,10px);-webkit-transform:translate(14px,10px);-moz-transform:translate(14px,10px);-ms-transform:translate(14px,10px);-o-transform:translate(14px,10px)}span:nth-child(3){transform:translate(-12px,15px);-webkit-transform:translate(-12px,15px);-moz-transform:translate(-12px,15px);-ms-transform:translate(-12px,15px);-o-transform:translate(-12px,15px)}.hamburger span+span{margin-top:5px}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-o-transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.backdrop{position:fixed;inset:0;background:#2e2e2ea8;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;z-index:49}.backdrop.show{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);background:#0e0f10;box-shadow:-10px 0 30px #5c5d5c59;transform:translate(100%);transition:transform .22s ease;z-index:50;display:flex;flex-direction:column}.mobile-drawer.show{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-head .close{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.drawer-links{list-style:none;padding:12px 16px;margin:0;background-color:#232323af;display:grid;gap:10px}.drawer-links a{display:block;padding:12px 10px;border-radius:12px;color:#e8eaed;text-decoration:none}.drawer-links a:hover{background:#ffffff0f}.drawer-lang{margin-top:auto;padding:16px;background-color:#232323af;border-top:1px solid rgba(84,83,83,0);display:grid;gap:10px}.drawer-lang .lang-group{display:flex;gap:8px}@media (max-width: 960px){.nav-desktop,.lang-desktop{display:none}.hamburger{display:inline-flex}.nav-row{grid-template-columns:auto 1fr auto}}.no-scroll{overflow:hidden}:root{--color-bg: #0f1115;--color-text: #e5e7eb;--color-primary: #22c55e;--color-primary-dark: #1da94d;--color-border: rgba(255, 255, 255, .1);--font-main: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--font-size-base: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 999px;--shadow-md: 0 4px 12px rgba(0, 0, 0, .25)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.site-header{background-color:#0f1115e6;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.logo{font-weight:700;font-size:1.25rem}.nav-list{display:flex;gap:var(--space-lg);list-style:none}.nav-list li{cursor:pointer;transition:color .2s ease}.nav-list li:hover{color:var(--color-primary)}.hero{padding:var(--space-xl) 0;text-align:center}.hero h2{font-size:2rem;margin-bottom:var(--space-sm)}.hero-buttons{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-md)}.hero-buttons button{background-color:var(--color-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);color:#000;font-weight:600;cursor:pointer;transition:background-color .2s ease}.hero-buttons button:hover{background-color:var(--color-primary-dark)}