@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";
:root{--color-canvas:#060709;--color-surface:#12141a;--color-surface-elevated:#1c1f26;--color-cyan:#00f2fe;--color-violet:#8a2be2;--color-pink:#ff007a;--gradient-primary:linear-gradient(135deg, #00f2fe, #8a2be2);--gradient-hero-text:linear-gradient(90deg, #00f2fe, #8a2be2);--text-white:#fff;--text-gray-cool:#9ca3af;--text-gray-muted:#4b5563;--glass-border:#ffffff14;--border-focus:#00f2fe80;--glass-bg:#12141a66;--glass-bg-elevated:#1c1f2699;--glass-blur:blur(16px);--glass-blur-elevated:blur(24px);--glass-glow:0 8px 32px #00f2fe1a;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-32:128px;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-pill:9999px;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--time-fast:.15s;--time-normal:.3s;--time-slow:.5s;--page-max-width:1280px;--page-padding:24px}@media (min-width:768px){:root{--page-padding:48px}}@media (min-width:1024px){:root{--page-padding:80px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-canvas);color:var(--text-gray-cool);line-height:1.6;overflow-x:hidden}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-white);letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,3rem);font-weight:700}h3{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}.text-gradient{background:var(--gradient-hero-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-cyan);font-size:.875rem;font-weight:600}.container{width:100%;max-width:var(--page-max-width);padding-inline:var(--page-padding);margin-inline:auto}.section{padding-block:var(--space-16)}@media (min-width:1024px){.section{padding-block:var(--space-32)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-elevated{background:var(--glass-bg-elevated);-webkit-backdrop-filter:var(--glass-blur-elevated);border-radius:var(--radius-lg);box-shadow:var(--glass-glow);border:1px solid #00f2fe4d}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);border-radius:var(--radius-md);transition:all var(--time-normal) var(--ease-smooth);white-space:nowrap;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:active{transition-duration:var(--time-fast);transform:scale(.95)}.btn-primary{background:var(--color-cyan);color:var(--color-canvas)}.btn-primary:hover{background:var(--gradient-primary);color:var(--text-white);transform:translateY(-2px);box-shadow:0 4px 24px #00f2fe4d}.btn-ghost{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-white)}.btn-ghost:hover{border-color:var(--border-focus);color:var(--color-cyan);box-shadow:var(--glass-glow);transform:translateY(-2px)}.reveal{opacity:0;transition:opacity var(--time-slow) var(--ease-smooth), transform var(--time-slow) var(--ease-smooth);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity var(--time-normal) var(--ease-smooth), transform var(--time-normal) var(--ease-smooth);transform:translateY(20px)}.reveal-stagger.visible>:first-child{transition-delay:0s}.reveal-stagger.visible>:nth-child(2){transition-delay:80ms}.reveal-stagger.visible>:nth-child(3){transition-delay:.16s}.reveal-stagger.visible>:nth-child(4){transition-delay:.24s}.reveal-stagger.visible>:nth-child(5){transition-delay:.32s}.reveal-stagger.visible>:nth-child(6){transition-delay:.4s}.reveal-stagger.visible>:nth-child(7){transition-delay:.48s}.reveal-stagger.visible>:nth-child(8){transition-delay:.56s}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bg-glow{filter:blur(200px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bg-glow--violet{background:var(--color-violet);opacity:.15}.bg-glow--cyan{background:var(--color-cyan);opacity:.08}.header{z-index:1000;width:100%;padding:var(--space-4) 0;transition:background var(--time-normal) var(--ease-smooth), backdrop-filter var(--time-normal) var(--ease-smooth);position:fixed;top:0;left:0}.header.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__logo{font-family:var(--font-heading);color:var(--text-white);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.header__logo span{color:var(--color-cyan)}.header__nav{gap:var(--space-8);display:none}@media (min-width:768px){.header__nav{align-items:center;display:flex}}.header__nav a{color:var(--text-gray-cool);transition:color var(--time-normal) var(--ease-smooth);font-size:.875rem;font-weight:500;position:relative}.header__nav a:after{content:"";background:var(--color-cyan);width:0;height:2px;transition:width var(--time-normal) var(--ease-smooth);position:absolute;bottom:-4px;left:0}.header__nav a:hover{color:var(--text-white)}.header__nav a:hover:after{width:100%}.header__cta{display:none}@media (min-width:768px){.header__cta{display:inline-flex}}.menu-toggle{padding:var(--space-2);cursor:pointer;flex-direction:column;gap:5px;display:flex}@media (min-width:768px){.menu-toggle{display:none}}.menu-toggle span{background:var(--text-white);width:24px;height:2px;transition:all var(--time-normal) var(--ease-smooth);border-radius:2px;display:block}.mobile-nav{background:var(--color-surface);border-left:1px solid var(--glass-border);z-index:1001;width:80%;max-width:320px;height:100vh;padding:var(--space-16) var(--space-8);gap:var(--space-8);transition:right var(--time-normal) var(--ease-smooth);flex-direction:column;display:flex;position:fixed;top:0;right:-100%}.mobile-nav.open{right:0}.mobile-nav a{font-family:var(--font-heading);color:var(--text-gray-cool);transition:color var(--time-normal) var(--ease-smooth);font-size:1.5rem;font-weight:600}.mobile-nav a:hover{color:var(--color-cyan)}.mobile-overlay{z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--time-normal) var(--ease-smooth);background:#0009;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.hero{min-height:100vh;padding-top:var(--space-20);align-items:center;display:flex;position:relative;overflow:hidden}.hero__content{z-index:1;max-width:720px;position:relative}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-gray-cool);margin-bottom:var(--space-6);font-size:.8125rem;font-weight:500;display:inline-flex}.hero__badge:before{content:"";background:var(--color-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{margin-bottom:var(--space-6)}.hero__subtitle{color:var(--text-gray-cool);max-width:520px;margin-bottom:var(--space-8);font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.hero__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__glow-1{width:600px;height:600px;top:-200px;right:-200px}.hero__glow-2{width:400px;height:400px;bottom:-100px;left:-100px}.hero__orb{z-index:0;background:radial-gradient(circle at 30% 30%,#00f2fe33,#8a2be226 50%,#0000 70%);border:1px solid #ffffff0d;border-radius:50%;width:clamp(250px,30vw,450px);height:clamp(250px,30vw,450px);animation:8s ease-in-out infinite orb-float;display:none;position:absolute;top:50%;right:5%;transform:translateY(-50%);box-shadow:0 0 80px #00f2fe1a,inset 0 0 60px #8a2be21a}@media (min-width:1024px){.hero__orb{display:block}}@keyframes orb-float{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-53%)translate(10px)}}.process{background:var(--color-surface);position:relative}.process__header{text-align:center;margin-bottom:var(--space-12)}.process__header p{max-width:560px;margin-inline:auto;margin-top:var(--space-4)}.process__timeline{gap:var(--space-8);grid-template-columns:1fr;display:grid;position:relative}@media (min-width:768px){.process__timeline{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.process__timeline{gap:var(--space-4);grid-template-columns:repeat(6,1fr)}}.process__node{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--time-normal) var(--ease-smooth);cursor:default;position:relative}.process__node:hover{box-shadow:var(--glass-glow);border-color:#00f2fe4d;transform:translateY(-4px)}.process__node-icon{background:var(--color-surface-elevated);border:2px solid var(--color-cyan);width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-cyan);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;box-shadow:0 0 16px #00f2fe33}.process__node-title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:var(--space-2);font-size:.9375rem;font-weight:600}.process__node-desc{color:var(--text-gray-muted);font-size:.8125rem;line-height:1.5}.process__connector{display:none}@media (min-width:1024px){.process__connector{z-index:0;background:linear-gradient(90deg,#0000,#00f2fe4d 10% 90%,#0000);height:2px;display:block;position:absolute;top:28px;left:0;right:0}}.playground{position:relative}.playground__header{text-align:center;margin-bottom:var(--space-12)}.playground__header p{max-width:560px;margin-inline:auto;margin-top:var(--space-4)}.playground__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.playground__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.playground__grid{grid-template-columns:repeat(4,1fr)}}.playground__card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--time-normal) var(--ease-smooth);overflow:hidden}.playground__card:hover{box-shadow:var(--glass-glow);border-color:#00f2fe4d}.playground__card--wide{grid-column:span 1}@media (min-width:768px){.playground__card--wide{grid-column:span 2}}.playground__card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-cyan);margin-bottom:var(--space-4);font-size:.75rem;font-weight:600}.clock-face{border:2px solid var(--glass-border);width:180px;height:180px;margin:var(--space-4) auto;background:var(--color-surface);border-radius:50%;position:relative}.clock-hand{transform-origin:bottom;border-radius:2px;position:absolute;bottom:50%;left:50%}.clock-hand--hour{background:var(--text-white);width:4px;height:50px;margin-left:-2px}.clock-hand--minute{background:var(--text-white);width:2px;height:65px;margin-left:-1px}.clock-hand--second{background:var(--color-pink);width:1px;height:70px;margin-left:-.5px}.clock-center{background:var(--color-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-dot{background:var(--text-gray-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.calendar{width:100%}.calendar__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.calendar__title{font-family:var(--font-heading);color:var(--text-white);font-size:1rem;font-weight:600}.calendar__nav-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-gray-cool);transition:all var(--time-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.calendar__nav-btn:hover{background:var(--color-surface-elevated);color:var(--text-white)}.calendar__days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar__day-label{text-transform:uppercase;color:var(--text-gray-muted);padding:var(--space-2) 0;font-size:.6875rem;font-weight:600}.calendar__day{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-gray-cool);cursor:pointer;transition:all var(--time-fast) var(--ease-smooth);aspect-ratio:1;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.calendar__day:hover{background:var(--color-surface-elevated);color:var(--text-white)}.calendar__day--today{border:1px solid var(--color-cyan);color:var(--color-cyan);font-weight:600}.calendar__day--selected{color:var(--color-cyan);background:#00f2fe33;font-weight:600}.calendar__day--muted{color:var(--text-gray-muted);opacity:.4}.toggle-group{gap:var(--space-4);flex-direction:column;display:flex}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-label{color:var(--text-gray-cool);font-size:.875rem}.toggle{background:var(--color-surface-elevated);border-radius:var(--radius-pill);cursor:pointer;width:48px;height:26px;transition:background var(--time-normal) var(--ease-smooth);position:relative}.toggle.active{background:var(--color-violet)}.toggle__thumb{background:var(--text-white);width:20px;height:20px;transition:transform var(--time-normal) var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.toggle.active .toggle__thumb{transform:translate(22px)}.button-states{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.demo-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--time-normal) var(--ease-smooth);font-size:.8125rem;font-weight:600}.demo-btn--active{background:var(--color-cyan);color:var(--color-canvas)}.demo-btn--hover{background:var(--gradient-primary);color:var(--text-white);box-shadow:0 4px 16px #00f2fe4d}.demo-btn--disabled{background:var(--color-surface-elevated);color:var(--text-gray-muted);cursor:not-allowed;opacity:.5}.type-showcase{gap:var(--space-4);flex-direction:column;display:flex}.type-row{align-items:baseline;gap:var(--space-4);display:flex}.type-label{text-transform:uppercase;color:var(--text-gray-muted);flex-shrink:0;min-width:28px;font-size:.6875rem;font-weight:600}.swatch-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.swatch{aspect-ratio:1;border-radius:var(--radius-md);position:relative;overflow:hidden}.swatch:after{content:attr(data-name);color:var(--text-white);text-shadow:0 1px 3px #00000080;font-size:.625rem;font-weight:600;position:absolute;bottom:4px;left:4px}.portfolio{background:var(--color-surface);position:relative}.portfolio__header{text-align:center;margin-bottom:var(--space-12)}.portfolio__header p{max-width:560px;margin-inline:auto;margin-top:var(--space-4)}.portfolio__projects{gap:var(--space-8);flex-direction:column;display:flex}.portfolio__project{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);overflow:hidden}.portfolio__project-info{padding:var(--space-6)}.portfolio__project-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-cyan);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.portfolio__project-title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700}.portfolio__project-desc{color:var(--text-gray-cool);font-size:.875rem}.comparison{aspect-ratio:16/10;cursor:ew-resize;background:var(--color-canvas);width:100%;position:relative;overflow:hidden}.comparison__layer{position:absolute;inset:0;overflow:hidden}.comparison__layer--wireframe{z-index:1;background:var(--color-surface-elevated)}.comparison__layer--hifi{z-index:2;clip-path:inset(0 50% 0 0)}.comparison__handle{background:var(--color-cyan);z-index:3;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #00f2fe66}.comparison__handle-grip{background:var(--glass-bg);border:2px solid var(--color-cyan);width:40px;height:40px;-webkit-backdrop-filter:var(--glass-blur);color:var(--color-cyan);transition:transform var(--time-normal) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #00f2fe4d}.comparison__handle-grip:hover{transform:translate(-50%,-50%)scale(1.15)}.comparison__label{bottom:var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;z-index:4;font-size:.6875rem;font-weight:600;position:absolute}.comparison__label--wireframe{right:var(--space-4);color:var(--text-gray-cool);background:#ffffff1a}.comparison__label--hifi{left:var(--space-4);color:var(--color-cyan);background:#00f2fe33}.trust{position:relative}.trust__header{text-align:center;margin-bottom:var(--space-12)}.trust__header p{max-width:560px;margin-inline:auto;margin-top:var(--space-4)}.services-grid{gap:var(--space-4);margin-bottom:var(--space-16);grid-template-columns:1fr;display:grid}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--time-normal) var(--ease-smooth)}.service-card:hover{box-shadow:var(--glass-glow);border-color:#00f2fe4d;transform:translateY(-4px)}.service-card__icon{border-radius:var(--radius-md);background:var(--color-surface-elevated);width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-cyan);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.service-card__title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.service-card__desc{color:var(--text-gray-muted);font-size:.8125rem;line-height:1.5}.metrics-grid{gap:var(--space-4);margin-bottom:var(--space-16);grid-template-columns:1fr;display:grid}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-card{text-align:center;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border)}.metric-card__number{font-family:var(--font-heading);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.metric-card__label{color:var(--text-gray-cool);font-size:.875rem}.testimonials{position:relative;overflow:hidden}.testimonials__track{gap:var(--space-4);transition:transform var(--time-slow) var(--ease-smooth);display:flex}.testimonial-card{min-width:300px;max-width:400px;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);flex-shrink:0}.testimonial-card__quote{color:var(--text-gray-cool);margin-bottom:var(--space-4);font-size:.9375rem;font-style:italic;line-height:1.7}.testimonial-card__quote:before{content:"\"";font-family:var(--font-heading);color:var(--color-cyan);vertical-align:-.4em;margin-right:var(--space-1);font-size:2rem;line-height:0}.testimonial-card__author{align-items:center;gap:var(--space-3);display:flex}.testimonial-card__avatar{background:var(--gradient-primary);width:40px;height:40px;color:var(--color-canvas);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.testimonial-card__name{color:var(--text-white);font-size:.875rem;font-weight:600}.testimonial-card__role{color:var(--text-gray-muted);font-size:.75rem}.testimonials__controls{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.testimonials__btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-gray-cool);transition:all var(--time-normal) var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.testimonials__btn:hover{border-color:var(--border-focus);color:var(--color-cyan);transform:scale(1.1)}.footer{background:var(--color-surface);border-top:1px solid var(--glass-border)}.footer__inner{gap:var(--space-12);grid-template-columns:1fr;display:grid}@media (min-width:768px){.footer__inner{grid-template-columns:1fr 1fr}}.footer__brand p{margin-top:var(--space-4);color:var(--text-gray-cool);max-width:400px;font-size:.9375rem;line-height:1.7}.footer__links{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.footer__links a{color:var(--text-gray-cool);transition:color var(--time-fast);font-size:.875rem}.footer__links a:hover{color:var(--color-cyan)}.contact-form{gap:var(--space-6);flex-direction:column;display:flex}.form-group{position:relative}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-gray-muted);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) 0;border-bottom:1px solid var(--glass-border);color:var(--text-white);transition:border-color var(--time-normal) var(--ease-smooth);background:0 0;font-size:.9375rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-bottom:2px solid var(--color-cyan)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;appearance:none}.form-group select option{background:var(--color-surface);color:var(--text-white)}.form-submit{width:100%;padding:var(--space-4);font-size:1rem}.footer__bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--glass-border);justify-content:space-between;gap:var(--space-4);color:var(--text-gray-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.ui-app-layout{background:var(--color-canvas);min-height:100vh;color:var(--text-white);display:flex;overflow-x:hidden}.ui-sidebar{background:var(--color-surface);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;width:280px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.ui-sidebar__header{padding:var(--space-6);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.ui-sidebar__toggle{padding:8px;display:none}.ui-sidebar__hamburger{background:var(--text-white);width:22px;height:2px;transition:background var(--time-normal) var(--ease-smooth);display:block;position:relative}.ui-sidebar__hamburger:before,.ui-sidebar__hamburger:after{content:"";background:var(--text-white);width:22px;height:2px;transition:transform var(--time-normal) var(--ease-smooth), top var(--time-normal) var(--ease-smooth);position:absolute;left:0}.ui-sidebar__hamburger:before{top:-6px}.ui-sidebar__hamburger:after{top:6px}.ui-sidebar__hamburger.open{background:0 0}.ui-sidebar__hamburger.open:before{top:0;transform:rotate(45deg)}.ui-sidebar__hamburger.open:after{top:0;transform:rotate(-45deg)}.ui-sidebar__logo{font-family:var(--font-heading);color:var(--text-white);font-size:1.5rem;font-weight:800;text-decoration:none}.ui-sidebar__logo span{color:var(--color-cyan)}.ui-sidebar__nav{padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.ui-sidebar__group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-gray-muted);margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.ui-sidebar__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-sidebar__link{padding:var(--space-2) var(--space-3);color:var(--text-gray-cool);border-radius:var(--radius-md);transition:all var(--time-fast) var(--ease-smooth);font-size:.9375rem;text-decoration:none;display:block}.ui-sidebar__link:hover{background:var(--color-surface-elevated);color:var(--text-white)}.ui-sidebar__link.active{color:var(--color-cyan);background:#00f2fe1a;font-weight:600}.ui-main-content{min-width:0;padding:var(--space-8) clamp(var(--space-4), 4vw, var(--space-12));flex:1;overflow-x:hidden}.ui-section-title{font-family:var(--font-heading);margin-bottom:var(--space-4);color:var(--text-white);font-size:2.5rem;font-weight:700}.ui-section-desc{color:var(--text-gray-cool);margin-bottom:var(--space-10);max-width:700px;font-size:1.125rem}.ui-component-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.ui-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.ui-card-title{color:var(--text-gray-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.875rem;font-weight:600}@media (max-width:768px){.ui-app-layout{flex-direction:column}.ui-sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;height:auto;position:relative}.ui-sidebar__toggle{display:block}.ui-sidebar__nav{padding-bottom:var(--space-6);display:none}.ui-sidebar__nav.open{display:flex}.ui-main-content{padding:var(--space-4)}.ui-section-title{font-size:1.75rem}.ui-section-desc{font-size:1rem}}