@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap";:root{--bg-color: #f2f4f3;--text-color: #2c3532;--accent-color: #ca4140;color-scheme:light dark;--vision-glow: #d8b08d;--vision-glow-bright: #f0c896;--vision-glow-hot: #fff4e6;--logo-size: clamp(280px, 50vw, 800px);--subtitle-size: clamp(.8rem, 1.2vw, 1.2rem);--gap-size: clamp(4rem, 10vh, 10rem);--app-pad: clamp(1rem, 5vw, 2rem);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);font-family:Montserrat,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}html{min-height:100%;min-height:100dvh;overscroll-behavior:none;background-color:var(--bg-color)}html:before{content:"";position:fixed;top:calc(-1*env(safe-area-inset-top,0px));left:calc(-1*env(safe-area-inset-left,0px));right:calc(-1*env(safe-area-inset-right,0px));bottom:calc(-1*env(safe-area-inset-bottom,0px));background-color:inherit;z-index:-9999;pointer-events:none}@media (prefers-color-scheme: dark){:root{--bg-color: #2c3532;--text-color: #f2f4f3;--accent-color: #d8b08d;--vision-glow: #ca4140;--vision-glow-bright: #e85450;--vision-glow-hot: #ffffff}}body{margin:0;min-width:320px;min-height:100dvh;background-color:var(--bg-color);color:var(--text-color);transition:background-color 1.2s cubic-bezier(.4,0,.2,1),color .3s;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);background-image:radial-gradient(ellipse 150% 95% at 50% 46%,color-mix(in srgb,var(--vision-glow) 10%,transparent) 0%,transparent 54%),radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--vision-glow) 14%,transparent) 0%,transparent 58%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--vision-glow) 7%,transparent) 0%,transparent 52%)}#app{width:100%;margin:0 auto;padding:calc(var(--app-pad) + var(--safe-top)) calc(var(--app-pad) + var(--safe-right)) calc(var(--app-pad) + var(--safe-bottom)) calc(var(--app-pad) + var(--safe-left));text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;box-sizing:border-box}html.is-standalone #app{padding:calc(var(--safe-top)) calc(var(--app-pad) + var(--safe-right)) calc(var(--safe-bottom)) calc(var(--app-pad) + var(--safe-left))}.logo-container{width:var(--logo-size);height:auto;margin-bottom:var(--gap-size)}.ff8-logo{width:100%;height:100%;overflow:visible}.symbol-path{stroke:var(--accent-color);stroke-width:clamp(.5px,.12vw,1.2px);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;fill:transparent;animation:drawStroke 3s cubic-bezier(.4,0,.6,1) forwards,fillIn 1.2s ease-in-out forwards;animation-delay:0s,2.5s}@keyframes drawStroke{to{stroke-dashoffset:0}}@keyframes fillIn{0%{fill:transparent}to{fill:var(--accent-color)}}.text-path{fill:var(--accent-color);opacity:0;animation:fadeIn 1.2s ease-out forwards;animation-delay:2.8s}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.subtitle{font-size:var(--subtitle-size);font-weight:500;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1vw,1rem);opacity:0;animation:slideUpFade 1.5s ease-out forwards;animation-delay:3s;color:var(--text-color)}.separator{opacity:.5}.subtitle-word{cursor:pointer;transition:font-weight .2s ease;display:inline-block;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.subtitle-word:hover{font-weight:600}.logo-container{cursor:pointer}.ff8-logo.animating{pointer-events:none}@media (prefers-reduced-motion: reduce){.symbol-path,.text-path,.subtitle{animation:none;opacity:1}.symbol-path{fill:var(--accent-color);stroke-dashoffset:0}.subtitle-word{transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation: auto;}::view-transition-group(root){animation-duration:.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mode-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:-1;transition:opacity .5s ease;color:var(--accent-color);overflow:hidden}svg.mode-overlay{overflow:visible}.mode-overlay.active{opacity:1}body.mode-transition .symbol-path{animation:none!important;stroke-dasharray:0 0!important;stroke-dashoffset:0!important;fill:var(--accent-color)!important;stroke:var(--accent-color)!important;opacity:1!important}body.mode-transition .text-path{animation:none!important;opacity:1!important;fill:var(--accent-color)!important}html:has(body.mode-vision){background-color:#0a0a0a;transition:background-color .8s ease}@media (prefers-color-scheme: light){html:has(body.mode-vision){background-color:#f7f4ef}}body.mode-vision{--vision-bg: #0a0a0a;--vision-fg: #f2f4f3;--vision-subtitle: rgba(242, 244, 243, .32);--vision-stripe-fine: rgba(255, 255, 255, .045);--vision-stripe-fat: rgba(255, 255, 255, .02);--vision-scratch: rgba(255, 255, 255, .03);--vision-warm: rgba(255, 110, 70, .28);--vision-warm-soft: rgba(255, 170, 90, .12);--vision-cool: rgba(110, 150, 255, .22);--vision-cool-soft: rgba(70, 120, 230, .1);--bg-color: var(--vision-bg);background-color:var(--vision-bg);transition:background-color .8s ease}@media (prefers-color-scheme: light){body.mode-vision{--vision-bg: #f7f4ef;--vision-fg: #121316;--vision-subtitle: rgba(18, 19, 22, .28);--vision-stripe-fine: rgba(0, 0, 0, .045);--vision-stripe-fat: rgba(0, 0, 0, .02);--vision-scratch: rgba(0, 0, 0, .03);--vision-warm: rgba(255, 90, 40, .2);--vision-warm-soft: rgba(255, 150, 90, .1);--vision-cool: rgba(40, 80, 210, .16);--vision-cool-soft: rgba(70, 120, 230, .08)}}body.mode-vision .logo-container{animation:none!important;transform:none!important;will-change:auto}body.mode-vision .symbol-path{animation:none!important;transform:none!important;fill:var(--vision-fg)!important;stroke:var(--vision-fg)!important;opacity:1!important}body.mode-vision .text-path{animation:none!important;transform:none!important;fill:var(--vision-fg)!important;opacity:1!important}body.mode-vision .ff8-logo{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--vision-glow) 55%,transparent)) drop-shadow(0 0 36px color-mix(in srgb,var(--vision-glow-bright) 35%,transparent));will-change:filter;transition:filter .9s cubic-bezier(.2,0,.2,1)}body.mode-vision .logo-container.vision-interacting .ff8-logo{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--vision-glow) 30%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--vision-glow-bright) 20%,transparent))}body.mode-vision .subtitle{opacity:.35;transition:opacity 2s ease}body.mode-vision .subtitle-word{color:var(--vision-subtitle)}.mode-vision.mode-overlay{mix-blend-mode:normal;z-index:0}.vision-stripes{position:absolute;width:300%;height:300%;top:-50%;left:-50%;pointer-events:none;opacity:0;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 7px,var(--vision-stripe-fine) 7px,var(--vision-stripe-fine) 8px),repeating-linear-gradient(0deg,transparent 0px,transparent 140px,var(--vision-stripe-fat) 140px,var(--vision-stripe-fat) 154px),repeating-linear-gradient(135deg,transparent 0px,transparent 110px,var(--vision-scratch) 110px,var(--vision-scratch) 112px);will-change:transform,opacity}.vision-flares{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;opacity:0;filter:blur(18px) saturate(1.15);will-change:transform,opacity}.vision-flares:before,.vision-flares:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9;transform:translateZ(0)}.vision-flares:before{background:radial-gradient(ellipse 42% 38% at 12% 46%,var(--vision-warm) 0%,transparent 60%),radial-gradient(ellipse 26% 24% at 35% 18%,var(--vision-warm-soft) 0%,transparent 55%),radial-gradient(ellipse 34% 30% at 72% 58%,var(--vision-cool) 0%,transparent 60%)}.vision-flares:after{background:radial-gradient(ellipse 30% 26% at 86% 44%,var(--vision-cool-soft) 0%,transparent 58%),radial-gradient(ellipse 24% 20% at 56% 70%,color-mix(in srgb,var(--vision-warm) 65%,transparent) 0%,transparent 60%)}body.mode-vision .vision-flares{mix-blend-mode:screen}@media (prefers-color-scheme: light){body.mode-vision .vision-flares{mix-blend-mode:multiply}}.vision-grain{position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;opacity:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");will-change:transform,opacity}.vision-leak{position:absolute;top:0;bottom:0;width:70vw;pointer-events:none;mix-blend-mode:normal;opacity:0;transition:opacity 1.5s ease}.vision-leak-left{left:0;background:radial-gradient(ellipse at 0% 50%,var(--vision-warm) 0%,var(--vision-warm-soft) 30%,transparent 70%);transform-origin:left center}.vision-leak-right{right:0;background:radial-gradient(ellipse at 100% 50%,var(--vision-cool) 0%,var(--vision-cool-soft) 30%,transparent 70%);transform-origin:right center}.mode-vision.active .vision-stripes{opacity:.88;animation:visionStripes 16s linear infinite}.mode-vision.active .vision-flares{opacity:.9;animation:visionFlares 12s ease-in-out infinite alternate}.mode-vision.active .vision-grain{opacity:.08;animation:visionGrain .15s steps(5) infinite}.mode-vision.active .vision-leak{opacity:1}.mode-vision.active .vision-leak-left{animation:leakPulse 8s ease-in-out infinite alternate}.mode-vision.active .vision-leak-right{animation:leakPulse 11s ease-in-out infinite alternate-reverse}@keyframes visionDrift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes visionStripes{0%{transform:translateZ(0)}to{transform:translate3d(-1540px,0,0)}}@keyframes visionFlares{0%{transform:translate3d(-6vw,-.6vh,0) scale(1.01)}to{transform:translate3d(6vw,.6vh,0) scale(1.03)}}@keyframes visionGrain{0%{transform:translate(0)}20%{transform:translate(-3%,-3%)}40%{transform:translate(2%,1%)}60%{transform:translate(-1%,2%)}80%{transform:translate(1%,-2%)}to{transform:translate(0)}}@keyframes leakPulse{0%{opacity:.7;transform:scaleX(.95)}50%{opacity:1;transform:scaleX(1.05)}to{opacity:.6;transform:scaleX(.9)}}@media (prefers-reduced-motion: reduce){.mode-vision.active .vision-stripes,.mode-vision.active .vision-grain,.mode-vision.active .vision-leak,.mode-vision.active .vision-flares{animation:none!important}}html:has(body.mode-technology){background-color:#050505;transition:background-color .8s ease}body.mode-technology{--tech-center-x: 50%;--tech-center-y: 50%;--tech-glow: color-mix(in srgb, var(--accent-color) 65%, transparent);--bg-color: #050505;background-color:#050505;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-position:center center}body.mode-technology:before{opacity:1;background-image:radial-gradient(circle 50vmin at var(--tech-center-x) var(--tech-center-y),color-mix(in srgb,var(--accent-color) 14%,transparent) 0%,transparent 72%,#050505 100%);transition:opacity 1.2s ease .4s}body.mode-technology:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.9;background-image:radial-gradient(circle 60vmin at var(--tech-center-x) var(--tech-center-y),color-mix(in srgb,var(--accent-color) 18%,transparent) 0%,transparent 75%);background-size:auto;background-position:center center;mix-blend-mode:screen;transition:opacity 1.2s ease .6s}.mode-technology-scan{position:fixed;top:0;right:0;bottom:0;left:0;width:200%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:0;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.015) 45%,transparent 55%);background-size:50% 100%;background-repeat:repeat-x;will-change:transform,opacity;z-index:1}.mode-technology.active~.mode-technology-scan,.mode-technology-scan.active{opacity:1;animation:techSweepOptimized 9s linear infinite}body.switching-to-design.mode-technology:before,body.switching-to-design.mode-technology:after{opacity:0!important;animation:none!important}body.mode-technology .symbol-path,body.mode-technology .text-path{filter:drop-shadow(0 0 6px var(--accent-color)) drop-shadow(0 0 18px color-mix(in srgb,var(--accent-color) 35%,transparent));opacity:.8;will-change:opacity,filter;animation:techPulse .1s steps(2) infinite alternate}body.mode-technology .symbol-path{animation:none!important;stroke:var(--accent-color)!important;fill:transparent!important;stroke-dashoffset:0!important;stroke-dasharray:0 0!important;opacity:1!important}body.mode-technology .text-path{animation:none!important;fill:color-mix(in srgb,var(--accent-color) 75%,transparent)!important;opacity:1!important}.mode-technology.mode-overlay{z-index:0;pointer-events:none;width:100vw;height:100vh;height:100dvh}body.mode-technology .logo-container{position:relative;z-index:2}.mode-technology .circuit-path{fill:none;stroke:var(--accent-color);stroke-width:.3;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:200;stroke-dashoffset:200;opacity:0;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--accent-color) 45%,transparent));vector-effect:non-scaling-stroke}.mode-technology .circuit-path--micro{stroke-width:.22;opacity:0}.mode-technology .circuit-node{fill:transparent;stroke:color-mix(in srgb,var(--accent-color) 80%,transparent);stroke-width:.2;opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--accent-color) 35%,transparent));vector-effect:non-scaling-stroke}.mode-technology .circuit-node--micro{fill:transparent;stroke-width:.16;opacity:0}.mode-technology.active .circuit-path{opacity:.7;animation:drawTechPath 1.2s cubic-bezier(.22,1,.36,1) forwards,pulseTechPath 3s ease-in-out infinite 1.2s;animation-delay:var(--delay),calc(var(--delay) + 1.2s)}.mode-technology.active .circuit-path--micro{opacity:.5;animation:drawTechPath .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay)}.mode-technology.active .circuit-node{animation:nodeAppear .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--delay) + .8s)}.mode-technology.active .circuit-node--micro{animation:nodeAppear .4s ease-out forwards;animation-delay:calc(var(--delay) + .6s)}@keyframes techSweepOptimized{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}body.mode-technology .subtitle{opacity:.3;transition:opacity .5s steps(5)}@keyframes drawTechPath{0%{stroke-dashoffset:200;opacity:0}20%{opacity:.7}to{stroke-dashoffset:0;opacity:.7}}@keyframes nodeAppear{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.18)}to{opacity:.85;transform:scale(1)}}@keyframes pulseTechPath{0%{stroke-width:.3;stroke-opacity:.7}50%{stroke-width:.5;stroke-opacity:1}to{stroke-width:.3;stroke-opacity:.7}}@keyframes nodeInstall{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5);fill:var(--accent-color)}to{opacity:1;transform:scale(1);fill:var(--bg-color)}}@keyframes techPulse{0%{opacity:.8}to{opacity:1}}html:has(body.mode-design){background-color:#f2f4f6;transition:background-color .8s ease}body.mode-design{background-color:#f2f4f6;background-image:none;--design-ink: #0044cc;--bg-color: #f2f4f6}.mode-design .design-grid-minor{opacity:.18}.mode-design .design-grid-major{opacity:.28}body.mode-design:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,#f2f4f6 120%);animation:gridReveal 1.5s ease-out forwards}@keyframes gridReveal{0%{opacity:1}to{opacity:0}}body.mode-design .symbol-path{animation:none!important;fill:transparent!important;stroke:var(--design-ink)!important;stroke-width:1px!important;stroke-dasharray:0 0!important;opacity:1!important;filter:drop-shadow(0 0 1px rgba(0,68,204,.2))}body.mode-design .text-path{animation:none!important;opacity:1!important;fill:#0044cc0d!important;stroke:var(--design-ink)!important;stroke-width:.5px!important;stroke-dasharray:0}body.mode-design .subtitle-word{color:#89a}body.mode-design .subtitle-word[data-mode=design]{color:var(--design-ink);font-weight:700}.mode-design .design-line{stroke:var(--design-ink);stroke-width:.5px;opacity:.4;vector-effect:non-scaling-stroke}.mode-design .design-box{fill:#0044cc08;stroke:var(--design-ink);stroke-width:1px;stroke-dasharray:4 2;opacity:0}.mode-design .design-box--secondary{fill:#0044cc04;stroke-width:.75px;stroke-dasharray:3 3}.mode-design .design-dim-line{stroke:var(--design-ink);stroke-width:1px;opacity:0}.mode-design .design-connector{stroke:var(--design-ink);stroke-width:1px;stroke-dasharray:4 4;opacity:0}.mode-design .design-guide{stroke:var(--design-ink);stroke-width:.5px;stroke-dasharray:4 4;opacity:.3}.mode-design.active .design-guide{animation:expandGuide 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes expandGuide{0%{stroke-dashoffset:1000;opacity:0}to{stroke-dashoffset:0;opacity:.3}}.mode-design .design-origin{fill:var(--design-ink);opacity:0}.mode-design .design-dim-text{fill:var(--design-ink);font-family:Courier New,monospace;font-size:11px;font-weight:600;opacity:0;letter-spacing:.5px}.mode-design.no-transition,.mode-design.no-transition *{animation:none!important;transition:none!important}.mode-design.no-transition.active .design-line{stroke-dasharray:5000 0;opacity:.4}.mode-design.no-transition.active .design-box{opacity:.6}.mode-design.no-transition.active .design-guide{opacity:.3;stroke-dashoffset:0}.mode-design.no-transition.active .design-dim-line{opacity:.5}.mode-design.no-transition.active .design-dim-text{opacity:.8}.mode-design.no-transition.active .design-connector{stroke-dasharray:500 0;opacity:.3}.mode-design.no-transition.active .design-origin{opacity:1;transform:scale(1)}.mode-design.active .design-line{animation:expandLine .8s cubic-bezier(.2,.8,.2,1) forwards}.mode-design.active .design-box{animation:drawBox .8s cubic-bezier(.2,.8,.2,1) .2s forwards}.mode-design.active .design-dim-line{animation:fadeInLine .5s ease-out .8s forwards}.mode-design.active .design-connector{animation:drawLine .8s cubic-bezier(.2,.8,.2,1) 1s forwards}.mode-design.active .design-dim-text{animation:typeInMicro .5s steps(3) .6s forwards}.mode-design.active .design-origin{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) .4s forwards}@keyframes expandLine{0%{stroke-dasharray:0 5000;opacity:0}to{stroke-dasharray:5000 0;opacity:.2}}@keyframes drawBox{0%{stroke-dashoffset:1000;opacity:0}to{stroke-dashoffset:0;opacity:.3}}@keyframes drawLine{0%{stroke-dasharray:0 500;opacity:0}to{stroke-dasharray:500 0;opacity:.3}}@keyframes fadeInLine{to{opacity:.3}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes typeInMicro{0%{opacity:0}to{opacity:.6}}body.mode-exit{background-color:var(--bg-color)}body.mode-exit:before{opacity:0}.mode-overlay.exiting{animation:overlayExit .5s ease-out forwards}@keyframes overlayExit{to{opacity:0}}@media (prefers-reduced-motion: reduce){body.mode-vision,body.mode-vision .logo-container,.mode-technology.active .circuit-path,.mode-technology.active .circuit-node,.mode-design.active .design-grid,.mode-design.active .design-line,.mode-design.active .design-spiral{animation:none}}#consent-banner{position:fixed;bottom:24px;right:24px;z-index:9999;pointer-events:none}#consent-banner.visible{pointer-events:auto}.consent-glass{background:#ffffffa6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:20px;width:320px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d;transform:translateY(20px);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}#consent-banner.visible .consent-glass{transform:translateY(0);opacity:1}@media (prefers-color-scheme: dark){.consent-glass{background:#141416a6;border-color:#ffffff14}}body.mode-vision .consent-glass{background:color-mix(in srgb,var(--vision-bg) 85%,transparent);border-color:color-mix(in srgb,var(--vision-fg) 10%,transparent);color:var(--vision-fg);box-shadow:0 4px 20px -2px color-mix(in srgb,var(--vision-fg) 5%,transparent)}body.mode-technology .consent-glass{background:#050505d9;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 25px -5px var(--tech-glow);color:#f2f4f3}body.mode-technology .consent-text,body.mode-technology .consent-header{color:#f2f4f3}body.mode-technology .consent-btn-secondary{color:#f2f4f3;border-color:#fff3}body.mode-technology .consent-btn-secondary:hover{background:#ffffff1a}body.mode-technology .consent-btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 0 10px var(--tech-glow)}body.mode-design .consent-glass{background:#f2f4f6f2;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--design-ink);border-radius:4px;box-shadow:4px 4px #0044cc1a}.consent-content{display:flex;flex-direction:column;gap:12px}.consent-header{display:flex;align-items:center;gap:8px;color:var(--text-color)}body.mode-design .consent-header{color:var(--design-ink)}.consent-icon{width:20px;height:20px}.consent-title{font-weight:600;font-size:14px;letter-spacing:-.01em}.consent-text{font-size:13px;line-height:1.5;color:var(--text-color);opacity:.8;margin:0}body.mode-design .consent-text{color:var(--design-ink);font-family:Courier New,monospace;font-size:11px}.consent-actions{display:flex;gap:8px;margin-top:4px}.consent-btn{flex:1;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.consent-btn-secondary{background:transparent;color:var(--text-color);border:1px solid transparent}.consent-btn-secondary:hover{background:#7f7f7f1a}.consent-btn-primary{background:var(--text-color);color:var(--bg-color)}.consent-btn-primary:hover{opacity:.9;transform:translateY(-1px)}body.mode-design .consent-btn{border-radius:2px;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.5px}body.mode-design .consent-btn-secondary{border:1px solid var(--design-ink);color:var(--design-ink)}body.mode-design .consent-btn-secondary:hover{background:#0044cc0d}body.mode-design .consent-btn-primary{background:var(--design-ink);color:#fff}