@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg: #000000;--bg-grid: rgba(0, 240, 255, .015);--primary-cyan: #00f0ff;--primary-cyan-glow: rgba(0, 240, 255, .15);--primary-cyan-border: rgba(0, 240, 255, .25);--accent-purple: #8b5cf6;--accent-purple-glow: rgba(139, 92, 246, .12);--accent-purple-border: rgba(139, 92, 246, .25);--accent-coral: #ff4d6d;--accent-coral-glow: rgba(255, 77, 109, .15);--accent-coral-border: rgba(255, 77, 109, .3);--text-white: #ffffff;--text-muted: #8e8e93;--text-muted-dark: #2c2c2e;--glass-bg: rgba(10, 10, 12, .65);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--font-title: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease}html.light-theme,body.light-theme{--bg: #fafafa;--bg-grid: rgba(0, 168, 204, .025);--primary-cyan: #008eb0;--primary-cyan-glow: rgba(0, 142, 176, .08);--primary-cyan-border: rgba(0, 142, 176, .18);--accent-purple: #6d28d9;--accent-purple-glow: rgba(109, 40, 217, .08);--accent-purple-border: rgba(109, 40, 217, .18);--accent-coral: #d92745;--accent-coral-glow: rgba(217, 39, 69, .08);--accent-coral-border: rgba(217, 39, 69, .18);--text-white: #0c0c0e;--text-muted: #5e5e64;--text-muted-dark: #e5e5ea;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .22);--glass-border-hover: rgba(0, 0, 0, .38)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--glass-border-hover) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-cyan)}html{scroll-behavior:smooth;background-color:var(--bg);color:var(--text-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .4s cubic-bezier(.16,1,.3,1)}body{min-height:100vh;position:relative;overflow-x:hidden;background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:50px 50px;background-position:center center;transition:background-color .4s cubic-bezier(.16,1,.3,1)}body.light-theme{background-image:linear-gradient(rgba(0,168,204,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,204,.04) 1px,transparent 1px)}.glow-orb{position:absolute;width:45vw;height:45vw;border-radius:50%;pointer-events:none;filter:blur(140px);z-index:0;opacity:.12;mix-blend-mode:screen;transition:opacity .4s ease}.glow-orb-1{background:var(--primary-cyan);top:-10vw;right:-5vw}.glow-orb-2{background:var(--accent-purple);bottom:10vw;left:-10vw}body.light-theme .glow-orb{opacity:.04;mix-blend-mode:multiply}.container{max-width:920px;margin:0 auto;padding:0 24px;position:relative;z-index:1}header{padding:32px 0;border-bottom:1px solid rgba(255,255,255,.03)}body.light-theme header{border-bottom-color:#0000000a}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-title);font-weight:700;font-size:20px;letter-spacing:-.5px;color:var(--text-white);text-decoration:none;display:flex;align-items:center;gap:8px}.logo span{color:var(--primary-cyan);text-shadow:0 0 10px var(--primary-cyan-glow)}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle-btn{border:1px solid var(--glass-border);background:#ffffff08;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-white);transition:var(--transition-smooth);width:32px;height:32px}.theme-toggle-btn:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);box-shadow:0 0 10px var(--primary-cyan-glow)}.theme-toggle-btn svg{transition:transform .4s ease}.theme-toggle-btn:hover svg{transform:rotate(15deg)}.protocol-btn{text-decoration:none;font-family:var(--font-title);font-weight:500;font-size:13px;color:var(--text-white);border:1px solid var(--glass-border);padding:8px 18px;border-radius:30px;background:#ffffff08;transition:var(--transition-smooth)}.protocol-btn:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);box-shadow:0 0 15px var(--primary-cyan-glow)}.nudge-banner-wrapper{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1)}.nudge-banner-wrapper.show{max-height:300px;margin-top:24px}.nudge-banner{background:linear-gradient(135deg,#00f0ff0f,#8b5cf60f);border:1px dashed var(--primary-cyan-border);border-radius:16px;padding:24px;position:relative;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nudge-header{display:flex;align-items:flex-start;justify-content:space-between}.nudge-title{font-family:var(--font-title);font-weight:700;font-size:20px;color:var(--text-white);line-height:1.3}.nudge-title span{color:var(--primary-cyan);background:linear-gradient(90deg,var(--primary-cyan) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nudge-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;transition:var(--transition-fast);padding:4px}.nudge-close:hover{color:var(--text-white)}.nudge-body{font-size:14px;color:var(--text-muted);line-height:1.6}.nudge-body strong{color:var(--text-white)}.hero{padding:80px 0 40px;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);border-radius:100px;color:var(--primary-cyan);font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px}.badge .dot{width:6px;height:6px;border-radius:50%;background-color:var(--primary-cyan);box-shadow:0 0 8px var(--primary-cyan);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 12px var(--primary-cyan)}to{transform:scale(.9);opacity:.6}}.hero h1{font-family:var(--font-title);font-weight:800;font-size:52px;line-height:1.1;letter-spacing:-1.5px;color:var(--text-white);margin-bottom:24px}.hero h1 span{color:var(--primary-cyan);text-shadow:0 0 20px var(--primary-cyan-glow)}.hero p{font-size:17px;line-height:1.6;color:var(--text-muted);max-width:580px;margin:0 auto 40px}.counter-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px 32px;margin-bottom:80px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}body.light-theme .counter-card{box-shadow:0 20px 40px #00000008}.counter-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}body.light-theme .counter-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}.counter-label{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;line-height:1.4;max-width:140px}.counter-value{font-family:var(--font-title);font-weight:800;font-size:40px;color:var(--accent-coral);letter-spacing:-.5px;text-shadow:0 0 30px var(--accent-coral-glow);font-variant-numeric:tabular-nums;transition:color .3s ease}.section-header{margin-bottom:40px}.section-tag{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.section-title{font-family:var(--font-title);font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-white)}.section-desc{font-size:15px;color:var(--text-muted);margin-top:12px;max-width:600px;line-height:1.6}.simulator-layout{display:flex;flex-direction:column;gap:32px;margin-bottom:80px}.workspace-frame{background:#060608;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px #0009;display:flex;flex-direction:column;height:520px;transition:var(--transition-smooth)}body.light-theme .workspace-frame{background:#f4f4f6;box-shadow:0 30px 60px #0000000f}.workspace-header{background:#0c0c0ff2;padding:16px 20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}body.light-theme .workspace-header{background:#eef0f3}.workspace-colleague{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--primary-cyan) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;font-size:15px;color:#fff;position:relative}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-cyan);border:2px solid #060608;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 6px var(--primary-cyan)}body.light-theme .status-dot{border-color:#f4f4f6}.status-dot.busy{background:var(--accent-coral);box-shadow:0 0 6px var(--accent-coral)}.colleague-info{display:flex;flex-direction:column}.colleague-name{font-weight:600;font-size:14px;color:var(--text-white)}.colleague-status{font-size:11px;color:var(--primary-cyan)}.colleague-status.busy{color:var(--accent-coral)}.workspace-actions{display:flex;gap:8px}.action-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26}body.light-theme .action-dot{background:#0000001a}.chat-viewport{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;background:#04040566}body.light-theme .chat-viewport{background:#fafafd}.message{display:flex;flex-direction:column;gap:4px;max-width:80%;animation:messageFadeIn .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(10px)}@keyframes messageFadeIn{to{opacity:1;transform:translateY(0)}}.message.outgoing{align-self:flex-end}.message.incoming{align-self:flex-start}.msg-sender{font-family:var(--font-title);font-size:11px;font-weight:600;color:var(--text-muted)}.message.outgoing .msg-sender{text-align:right;color:var(--primary-cyan)}.msg-bubble{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}.message.incoming .msg-bubble{background:#ffffff0a;border:1px solid rgba(255,255,255,.05);color:var(--text-white);border-top-left-radius:2px}body.light-theme .message.incoming .msg-bubble{background:#00000008;border-color:#0000000a}.message.outgoing .msg-bubble{background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);color:var(--text-white);border-top-right-radius:2px}body.light-theme .message.outgoing .msg-bubble{background:#008eb00a;border-color:#008eb026}.system-event{align-self:center;max-width:90%;text-align:center;background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:8px 16px;border-radius:30px;font-size:12px;color:var(--text-muted);font-style:italic;animation:messageFadeIn .3s ease forwards}body.light-theme .system-event{background:#00000004;border-color:#0000000a}.typing-indicator{display:flex;gap:4px;padding:12px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:2px 12px 12px;align-self:flex-start;width:fit-content}body.light-theme .typing-indicator{background:#00000008;border-color:#0000000a}.typing-dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.simulator-controls{display:flex;flex-direction:column;gap:16px;padding:20px;background:#0c0c0ffa;border-top:1px solid var(--glass-border)}body.light-theme .simulator-controls{background:#eef0f3}.controls-title{font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.sim-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.sim-buttons-grid{grid-template-columns:1fr}}.sim-btn{font-family:var(--font-title);font-weight:600;font-size:14px;padding:16px 20px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:var(--transition-smooth);text-align:center}.sim-btn.slow-path{background:#ff4d6d0d;border:1px solid rgba(255,77,109,.2);color:var(--accent-coral)}.sim-btn.slow-path:hover{background:#ff4d6d1a;border-color:var(--accent-coral);box-shadow:0 0 20px #ff4d6d26}.sim-btn.fast-path{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);color:var(--primary-cyan)}.sim-btn.fast-path:hover{background:#00f0ff1a;border-color:var(--primary-cyan);box-shadow:0 0 20px #00f0ff26}.sim-btn.disabled{opacity:.3;pointer-events:none}.sim-btn span{font-size:11px;color:var(--text-muted);font-weight:400}.simulation-outcome-card{background:#ff4d6d0d;border:1px solid var(--accent-coral-border);padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:12px;animation:cardPulse 2s infinite alternate,messageFadeIn .4s ease forwards}.simulation-outcome-card.success{background:#00f0ff0a;border:1px solid var(--primary-cyan-border);animation:cardPulseSuccess 2s infinite alternate,messageFadeIn .4s ease forwards}@keyframes cardPulse{to{border-color:#ff4d6da6;box-shadow:0 0 25px #ff4d6d26}}@keyframes cardPulseSuccess{to{border-color:#00f0ffa6;box-shadow:0 0 25px #00f0ff26}}.outcome-title{font-family:var(--font-title);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.simulation-outcome-card.success .outcome-title{color:var(--primary-cyan)}.simulation-outcome-card.failure .outcome-title{color:var(--accent-coral)}.outcome-time{font-family:var(--font-title);font-size:32px;font-weight:800;line-height:1;letter-spacing:-1px}.outcome-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.timeline-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:80px;box-shadow:0 20px 45px #0000004d}body.light-theme .timeline-card{box-shadow:0 20px 40px #00000008}.timeline-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}@media (max-width: 768px){.timeline-layout{grid-template-columns:1fr;gap:32px}}.timeline-column{display:flex;flex-direction:column;gap:20px}.timeline-col-header{font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px;display:flex;justify-content:space-between;align-items:center}body.light-theme .timeline-col-header{border-bottom-color:#0000000d}.time-estimate{font-size:11px;color:var(--accent-coral);padding:2px 8px;background:#ff4d6d1a;border-radius:4px}.timeline-column.efficient .time-estimate{color:var(--primary-cyan);background:#00f0ff1a}.timeline{position:relative;padding-left:20px;display:flex;flex-direction:column;gap:24px}.timeline:before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1px;background:#ffffff0f}body.light-theme .timeline:before{background:#0000000d}.timeline-node{position:relative;opacity:0;transform:translateY(25px) scale(.96);transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.timeline-node.reveal{opacity:1;transform:translateY(0)}.timeline-node:before{content:"";position:absolute;left:-20px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--text-muted-dark)}.timeline-node.active-node:before{background:var(--accent-coral);box-shadow:0 0 6px var(--accent-coral)}.timeline-column.efficient .timeline-node.active-node:before{background:var(--primary-cyan);box-shadow:0 0 6px var(--primary-cyan)}.node-sender{font-family:var(--font-title);font-size:13px;font-weight:600;color:var(--text-white);display:flex;align-items:center;gap:8px}.node-sender span{font-size:12px;font-weight:400;color:var(--text-muted)}.node-text{font-size:13px;color:var(--text-muted);line-height:1.5;margin-top:4px}.node-text.italic{font-style:italic;color:#ffffff73}body.light-theme .node-text.italic{color:#00000073}.timeline-box{border-radius:8px;padding:12px 16px;font-size:12px;line-height:1.5;font-family:var(--font-title);opacity:0;transform:scale(.9) translateY(12px);transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.timeline-box.reveal{opacity:1;transform:scale(1)}.timeline-column.inefficient .timeline-box{background:#ff4d6d0d;border:1px solid rgba(255,77,109,.15);color:var(--accent-coral)}.timeline-column.efficient .timeline-box{background:#00f0ff0a;border:1px solid rgba(0,240,255,.15);color:var(--primary-cyan)}.rules-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:80px}@media (max-width: 768px){.rules-grid{grid-template-columns:1fr;gap:20px}}.rule-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);display:flex;flex-direction:column;gap:16px;box-shadow:0 15px 35px #0003}body.light-theme .rule-card{box-shadow:0 15px 30px #00000005}.rule-card:hover{transform:translateY(-5px);border-color:var(--primary-cyan-border);box-shadow:0 20px 45px #00f0ff0d}.rule-num{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--primary-cyan)}.rule-title{font-family:var(--font-title);font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--text-white)}.rule-desc{font-size:13.5px;line-height:1.6;color:var(--text-muted)}.callout-block{text-align:center;margin-bottom:80px}.callout-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.callout-pill{padding:10px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:100px;font-size:13px;color:var(--text-muted);font-family:var(--font-body);transition:var(--transition-fast);cursor:default}body.light-theme .callout-pill{background:#00000004;border-color:#0000000a}.callout-pill:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text-white)}body.light-theme .callout-pill:hover{background:#0000000a;border-color:#0000001a;color:#000}.calc-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:80px;box-shadow:0 30px 60px #0006}body.light-theme .calc-card{box-shadow:0 30px 60px #0000000a}.calc-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}@media (max-width: 768px){.calc-layout{grid-template-columns:1fr;gap:32px}}.calc-sliders{display:flex;flex-direction:column;gap:24px}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-label-row{display:flex;justify-content:space-between;align-items:center}.slider-title{font-family:var(--font-title);font-size:13.5px;font-weight:600;color:var(--text-white)}.slider-value{font-family:var(--font-title);font-size:14.5px;font-weight:700;color:var(--primary-cyan)}.calc-mode-switch-wrapper{display:flex;margin-top:16px;margin-bottom:8px}.calc-mode-switch{display:flex;background:#ffffff0a;border:1px solid var(--glass-border);padding:3px;border-radius:30px;cursor:pointer;position:relative}body.light-theme .calc-mode-switch{background:#0000000f;border-color:#b8b8bc}.mode-switch-btn{border:none;background:transparent;color:var(--text-muted);font-family:var(--font-title);font-weight:600;font-size:12px;padding:8px 20px;border-radius:20px;cursor:pointer;transition:var(--transition-smooth)}.mode-switch-btn.active{color:#000;background:var(--primary-cyan);box-shadow:0 4px 12px var(--primary-cyan-glow)}body.light-theme .mode-switch-btn.active{color:#fff}input[type=range]{-webkit-appearance:none;width:100%;height:5px;background:#ffffff14;border-radius:8px;outline:none;transition:background .3s}body.light-theme input[type=range]{background:#00000026}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--primary-cyan);cursor:pointer;box-shadow:0 0 10px var(--primary-cyan-glow);transition:transform .1s ease,background .3s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--primary-cyan);cursor:pointer;box-shadow:0 0 10px var(--primary-cyan-glow);border:none;transition:transform .1s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.25)}.calc-results{display:flex;flex-direction:column;gap:16px;justify-content:center}.result-box{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden}.result-box.waste{border-color:var(--accent-coral-border);background:#ff4d6d05}body.light-theme .result-box.waste{background:#d9274504}.result-box.waste:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-coral)}.result-box.savings{border-color:var(--primary-cyan-border);background:#00f0ff05}body.light-theme .result-box.savings{background:#008eb004}.result-box.savings:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-cyan)}.result-label{font-family:var(--font-title);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.result-value{font-family:var(--font-title);font-size:26px;font-weight:800;color:var(--text-white)}.result-box.waste .result-value{color:var(--accent-coral);text-shadow:0 0 20px var(--accent-coral-glow)}.result-box.savings .result-value{color:var(--primary-cyan);text-shadow:0 0 20px var(--primary-cyan-glow)}.result-subtext{font-size:12px;color:var(--text-muted);margin-top:4px}.quiz-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:80px;box-shadow:0 30px 60px #0006}body.light-theme .quiz-container{box-shadow:0 30px 60px #0000000a}.quiz-progress-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.quiz-progress-text{font-family:var(--font-title);font-weight:700;font-size:12px;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase}.quiz-progress-text span{color:var(--primary-cyan)}.quiz-score-badge{font-family:var(--font-title);font-weight:700;font-size:11px;padding:4px 10px;border-radius:20px;background:#ffffff0a;color:var(--text-white);border:1px solid var(--glass-border)}.quiz-progress-bar-bg{width:100%;height:4px;background:#ffffff0d;border-radius:10px;margin-bottom:32px;overflow:hidden}body.light-theme .quiz-progress-bar-bg{background:#0000000d}.quiz-progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-purple) 0%,var(--primary-cyan) 100%);border-radius:10px;transition:width .4s cubic-bezier(.16,1,.3,1)}.quiz-scenario-card{background:#ffffff04;border:1px solid rgba(255,255,255,.04);padding:24px;border-radius:14px;margin-bottom:28px}body.light-theme .quiz-scenario-card{background:#fffffff2;border-color:#b8b8bc;box-shadow:0 4px 12px #00000008}.quiz-scenario-title{font-family:var(--font-title);font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-white)}.quiz-scenario-desc{font-size:14px;line-height:1.6;color:var(--text-muted)}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.quiz-option{width:100%;text-align:left;background:#ffffff05;border:1px solid var(--glass-border);padding:16px 20px;border-radius:12px;color:var(--text-muted);font-family:var(--font-body);font-size:14px;line-height:1.5;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:space-between;gap:16px;outline:none}body.light-theme .quiz-option{background:#ffffffe6;border-color:#b8b8bc;box-shadow:0 1px 3px #00000003}.quiz-option:hover{border-color:#fff3;background:#ffffff0a;color:var(--text-white)}body.light-theme .quiz-option:hover{border-color:#7e7e83;background:#00000005;color:var(--text-white)}.quiz-option-marker{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--text-muted-dark);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);transition:var(--transition-fast);flex-shrink:0}.quiz-option:hover .quiz-option-marker{border-color:#fff6}body.light-theme .quiz-option:hover .quiz-option-marker{border-color:#00000059}.quiz-option.correct{background:#00f0ff0a!important;border-color:var(--primary-cyan)!important;color:var(--text-white)!important}body.light-theme .quiz-option.correct{background:#008eb008!important}.quiz-option.correct .quiz-option-marker{background:var(--primary-cyan);border-color:var(--primary-cyan);color:var(--bg)}body.light-theme .quiz-option.correct .quiz-option-marker{color:#fff}.quiz-option.incorrect{background:#ff4d6d0a!important;border-color:var(--accent-coral)!important;color:var(--text-white)!important}body.light-theme .quiz-option.incorrect{background:#d9274508!important}.quiz-option.incorrect .quiz-option-marker{background:var(--accent-coral);border-color:var(--accent-coral);color:var(--text-white)}.quiz-option.disabled{pointer-events:none;opacity:.5}.quiz-option.disabled.correct,.quiz-option.disabled.incorrect{opacity:1}.quiz-explanation-box{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1);margin-bottom:28px}.quiz-explanation-content{padding:20px;border-radius:12px;font-size:13.5px;line-height:1.6}.quiz-explanation-box.correct .quiz-explanation-content{background:#00f0ff08;border:1px solid var(--primary-cyan-border);color:var(--text-white)}.quiz-explanation-box.incorrect .quiz-explanation-content{background:#ff4d6d08;border:1px solid var(--accent-coral-border);color:var(--text-white)}.quiz-explanation-title{font-family:var(--font-title);font-weight:700;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.quiz-explanation-box.correct .quiz-explanation-title{color:var(--primary-cyan)}.quiz-explanation-box.incorrect .quiz-explanation-title{color:var(--accent-coral)}.quiz-next-row{display:flex;justify-content:flex-end}.quiz-next-btn{font-family:var(--font-title);font-weight:600;font-size:14px;color:#000;background:var(--primary-cyan);border:none;outline:none;padding:12px 28px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);display:none;align-items:center;gap:8px}body.light-theme .quiz-next-btn{color:#fff}.quiz-next-btn:hover{box-shadow:0 0 20px var(--primary-cyan);transform:translateY(-1px)}.quiz-result-card{display:none;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;animation:messageFadeIn .5s ease forwards}.quiz-result-trophy{font-size:56px;margin-bottom:20px;animation:trophyFloat 3s ease-in-out infinite alternate}@keyframes trophyFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.quiz-result-score{font-family:var(--font-title);font-weight:800;font-size:64px;line-height:1;color:var(--primary-cyan);text-shadow:0 0 30px var(--primary-cyan-glow);margin-bottom:12px}.quiz-result-title{font-family:var(--font-title);font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text-white)}.quiz-result-desc{font-size:15px;line-height:1.6;color:var(--text-muted);max-width:500px;margin-bottom:32px}.quiz-result-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.quiz-btn{font-family:var(--font-title);font-weight:600;font-size:13.5px;padding:12px 24px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.quiz-btn.primary{background:var(--primary-cyan);color:#000;border:none}body.light-theme .quiz-btn.primary{color:#fff}.quiz-btn.primary:hover{box-shadow:0 0 20px var(--primary-cyan)}.quiz-btn.secondary{background:#ffffff08;color:var(--text-white);border:1px solid var(--glass-border)}.quiz-btn.secondary:hover{background:#ffffff14;border-color:var(--glass-border-hover)}.objections-list{display:flex;flex-direction:column;gap:16px;margin-bottom:80px}.accordion-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth)}body.light-theme .accordion-item{box-shadow:0 10px 20px #00000003}.accordion-item:hover{border-color:var(--glass-border-hover)}.accordion-header{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.accordion-question{font-family:var(--font-title);font-size:16px;font-weight:600;color:var(--text-white)}.accordion-icon{width:28px;height:28px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:var(--primary-cyan);transition:var(--transition-smooth)}body.light-theme .accordion-icon{background:#00000008;border-color:#0000000d}.accordion-item.active .accordion-icon{transform:rotate(45deg);background:var(--primary-cyan);color:#000;border-color:var(--primary-cyan);box-shadow:0 0 10px var(--primary-cyan-glow)}body.light-theme .accordion-item.active .accordion-icon{color:#fff}.accordion-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}.accordion-content{padding:0 24px 24px;font-size:14px;line-height:1.6;color:var(--text-muted)}.generator-card{background:linear-gradient(135deg,#8b5cf605,#00f0ff05);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:80px;text-align:center;box-shadow:0 20px 45px #0000004d}body.light-theme .generator-card{box-shadow:0 20px 40px #00000005}.form-group{max-width:500px;margin:32px auto 0;display:flex;gap:12px;background:#0006;border:1px solid var(--glass-border);padding:6px;border-radius:12px;transition:var(--transition-fast)}body.light-theme .form-group{background:#fffffff2;border-color:#a0a0a5;box-shadow:0 2px 8px #0000000a}.form-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-white);font-family:var(--font-body);font-size:14px;padding:10px 16px}body.light-theme .form-input{color:#000}.form-input::placeholder{color:#ffffff40}body.light-theme .form-input::placeholder{color:#00000059}.form-submit{font-family:var(--font-title);font-weight:600;font-size:13px;color:#000;background:var(--primary-cyan);border:none;outline:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}body.light-theme .form-submit{color:#fff}.form-submit:hover{box-shadow:0 0 15px var(--primary-cyan)}.generated-link-box{margin-top:20px;max-width:500px;margin-left:auto;margin-right:auto;display:none;flex-direction:column;gap:12px;animation:messageFadeIn .3s ease forwards}.link-display-row{display:flex;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden}body.light-theme .link-display-row{background:#00000004;border-color:#0000000a}.link-text{flex:1;color:var(--text-white);font-size:13px;padding:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-copy-btn{background:#ffffff0d;border:none;border-left:1px solid rgba(255,255,255,.05);color:var(--primary-cyan);font-family:var(--font-title);font-weight:600;font-size:12px;padding:0 16px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px}body.light-theme .link-copy-btn{background:#00000008;border-left-color:#0000000a}.link-copy-btn:hover{background:#ffffff1a;color:var(--text-white)}body.light-theme .link-copy-btn:hover{background:#0000000d;color:var(--text-white)}.toast{position:fixed;bottom:24px;right:24px;background:#09090b;border:1px solid var(--primary-cyan-border);padding:14px 24px;border-radius:8px;color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #0009;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:100}body.light-theme .toast{background:#fff;color:#0c0c0e;box-shadow:0 10px 30px #00000014}.toast.show{transform:translateY(0);opacity:1}.toast svg{color:var(--primary-cyan)}footer{border-top:1px solid rgba(255,255,255,.03);padding:60px 0 40px;text-align:center;font-size:13px;color:var(--text-muted)}body.light-theme footer{border-top-color:#0000000a}.footer-credits{margin-top:24px;display:flex;justify-content:center;gap:16px}.footer-credits a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.footer-credits a:hover{color:var(--primary-cyan)}.share-action-container{display:flex;justify-content:center;margin-bottom:24px}.share-btn{font-family:var(--font-title);font-weight:600;font-size:13px;color:var(--primary-cyan);border:1px solid var(--primary-cyan-border);padding:10px 24px;border-radius:30px;background:#00f0ff05;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.share-btn:hover{background:#00f0ff0f;border-color:var(--primary-cyan);box-shadow:0 0 15px var(--primary-cyan-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes valuePulse{0%{transform:scale(1)}50%{transform:scale(1.08);color:var(--primary-cyan);text-shadow:0 0 15px var(--primary-cyan-glow)}to{transform:scale(1)}}.pulse-update{animation:valuePulse .4s ease-in-out;display:inline-block}.rule-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .3s ease!important}.callout-pill{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s ease,border-color .2s ease,color .2s ease!important}.callout-pill:hover{transform:scale(1.08) translateY(-2px)}.lang-toggle-btn{border:1px solid var(--glass-border);background:#ffffff08;padding:0;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-white);transition:var(--transition-smooth);font-family:var(--font-title);font-weight:700;font-size:11px;width:32px;height:32px;outline:none}.lang-toggle-btn:hover{border-color:var(--primary-cyan);color:var(--primary-cyan);box-shadow:0 0 10px var(--primary-cyan-glow);transform:scale(1.05)}.sound-toggle-btn svg{transition:transform .4s ease}.sound-toggle-btn:hover svg{transform:scale(1.1)}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:32px auto 0}@media (max-width: 600px){.form-grid-layout{grid-template-columns:1fr;gap:12px}}.form-submit-container{margin-top:16px;display:flex;justify-content:center}.form-submit-container .form-submit{padding:12px 36px;border-radius:10px;font-size:14px}.badge-copy-card{margin-top:40px!important}.badge-copy-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px;text-align:left}.badge-copy-item{background:#ffffff04;border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;transition:var(--transition-fast);min-width:0}body.light-theme .badge-copy-item{background:#fffffff2;border-color:#b8b8bc}.badge-copy-item:hover{border-color:var(--primary-cyan-border);background:#ffffff06;box-shadow:0 4px 15px #00f0ff08}body.light-theme .badge-copy-item:hover{border-color:var(--primary-cyan);background:#fff;box-shadow:0 4px 15px #008eb00a}.badge-copy-header{display:flex;justify-content:space-between;align-items:center}.badge-copy-title{font-family:var(--font-title);font-weight:700;font-size:13.5px;color:var(--text-white)}.badge-copy-type{font-family:var(--font-title);font-size:10px;font-weight:600;color:var(--primary-cyan);background:#00f0ff14;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}body.light-theme .badge-copy-type{background:#008eb014}.badge-copy-body{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#00000059;border:1px solid var(--glass-border);padding:4px 4px 4px 14px;border-radius:8px;overflow:hidden;width:100%;min-width:0}body.light-theme .badge-copy-body{background:#00000005;border-color:#b8b8bc}.badge-copy-body code{flex:1;display:block;font-family:monospace;font-size:12.5px;color:var(--text-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:calc(100% - 110px)}.badge-item-copy-btn{background:var(--primary-cyan);border:none;color:#000;font-family:var(--font-title);font-weight:600;font-size:11.5px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}body.light-theme .badge-item-copy-btn{color:#fff}.badge-item-copy-btn:hover,body.light-theme .badge-item-copy-btn:hover{box-shadow:0 0 10px var(--primary-cyan-glow);transform:scale(1.02)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.confetti-particle{position:absolute;width:10px;height:10px;opacity:.85;border-radius:2px;animation:confettiFall 2.8s cubic-bezier(.25,1,.5,1) forwards}@keyframes confettiFall{0%{transform:translateZ(0) rotate(0) scale(1);opacity:1}to{transform:translate3d(var(--x-offset),var(--y-offset),0) rotate(var(--rotate-offset)) scale(.3);opacity:0}}.sound-visualizer{display:flex;align-items:flex-end;gap:3px;height:16px;margin-right:8px;cursor:pointer;opacity:.5;transition:opacity .3s ease}.sound-visualizer.active{opacity:1}.visualizer-bar{width:2px;height:4px;background:var(--primary-cyan);border-radius:1px;box-shadow:0 0 4px var(--primary-cyan-glow);transform-origin:bottom;transition:height .15s ease}.sound-visualizer.active.playing .visualizer-bar:nth-child(1){animation:soundBarWave .5s infinite alternate ease-in-out}.sound-visualizer.active.playing .visualizer-bar:nth-child(2){animation:soundBarWave .7s infinite alternate ease-in-out .1s}.sound-visualizer.active.playing .visualizer-bar:nth-child(3){animation:soundBarWave .4s infinite alternate ease-in-out .2s}.sound-visualizer.active.playing .visualizer-bar:nth-child(4){animation:soundBarWave .6s infinite alternate ease-in-out .05s}@keyframes soundBarWave{0%{transform:scaleY(1)}to{transform:scaleY(3.5)}}.sound-theme-dropdown{position:relative;display:inline-block;margin-right:12px}.sound-theme-trigger{display:flex;align-items:center;gap:6px;background:#ffffff05;border:1px solid var(--glass-border);color:var(--primary-cyan);font-family:var(--font-title);font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;outline:none;cursor:pointer;transition:var(--transition-fast);text-shadow:0 0 5px var(--primary-cyan-glow)}.sound-theme-trigger:hover,.sound-theme-dropdown.open .sound-theme-trigger{border-color:#00f0ff4d;background:#ffffff0d;box-shadow:0 0 10px #00f0ff1a}.sound-theme-trigger .chevron{transition:transform .2s ease}.sound-theme-dropdown.open .chevron{transform:rotate(180deg)}.sound-theme-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:110px;background:#0a0a0cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.15);border-radius:12px;padding:6px 0;list-style:none;margin:0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:transform .2s ease,opacity .2s ease,visibility .2s ease;box-shadow:0 10px 25px #00000080,0 0 15px #00f0ff0d}.sound-theme-dropdown.open .sound-theme-menu{opacity:1;visibility:visible;transform:translateY(0)}.sound-theme-item{padding:8px 14px;font-family:var(--font-title);font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);text-align:left}.sound-theme-item:hover{background:#ffffff0a;color:var(--text-white)}.sound-theme-item.active{color:var(--primary-cyan);font-weight:600;background:#00f0ff0d;text-shadow:0 0 5px var(--primary-cyan-glow)}body.light-theme .sound-theme-trigger{background:#00000008;border-color:#b8b8bc;color:#008eb0;text-shadow:none}body.light-theme .sound-theme-trigger:hover,body.light-theme .sound-theme-dropdown.open .sound-theme-trigger{border-color:#008eb0;background:#0000000d;box-shadow:0 0 10px #008eb014}body.light-theme .sound-theme-menu{background:#fffffffa;border-color:#008eb04d;box-shadow:0 10px 25px #0000001a,0 0 15px #008eb00d}body.light-theme .sound-theme-item{color:#5e5e64}body.light-theme .sound-theme-item:hover{background:#00000008;color:#000}body.light-theme .sound-theme-item.active{color:#008eb0;background:#008eb014;text-shadow:none}.calc-visual-panel{display:flex;align-items:center;justify-content:center;width:100%}.visual-panel-card{background:#ffffff04;border:1px solid var(--glass-border);border-radius:16px;padding:24px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 0 20px #ffffff03;transition:var(--transition-smooth)}body.light-theme .visual-panel-card{background:#00000004;border-color:#b8b8bc}.roi-curve-svg{width:100%;max-width:280px;height:auto;overflow:visible}.curve-legends{display:flex;justify-content:space-around;width:100%;margin-top:16px;font-family:var(--font-title);font-size:11px}.legend{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend.efficient .legend-dot{background:#00f0ff;box-shadow:0 0 8px var(--primary-cyan-glow)}.legend.wasted .legend-dot{background:#f05;box-shadow:0 0 8px #f059}body.light-theme .legend.efficient .legend-dot{background:#008eb0;box-shadow:none}body.light-theme .legend.wasted .legend-dot{background:#d6004a;box-shadow:none}.theme-ripple-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;pointer-events:none;z-index:99999;mix-blend-mode:normal;clip-path:circle(0% at var(--ripple-x, 50%) var(--ripple-y, 50%));animation:themeRippleExpand .75s cubic-bezier(.2,.8,.2,1) forwards}.theme-ripple-overlay.dark-to-light{background:#fff}.theme-ripple-overlay.light-to-dark{background:#0a0a0c}@keyframes themeRippleExpand{0%{clip-path:circle(0% at var(--ripple-x) var(--ripple-y))}to{clip-path:circle(150% at var(--ripple-x) var(--ripple-y))}}.calc-layout{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:32px}@media (max-width: 1024px){.calc-layout{grid-template-columns:1fr;gap:32px}}.quiz-cert-wrapper{display:flex;flex-direction:column;gap:24px;margin-top:32px;align-items:center;width:100%;animation:messageFadeIn .5s ease forwards}.cert-card-preview{position:relative;width:100%;max-width:440px;background:linear-gradient(135deg,#141419e6,#08080cf2);border:2px solid rgba(0,240,255,.25);border-radius:16px;padding:28px;text-align:center;box-shadow:0 20px 50px #00f0ff0d,inset 0 0 20px #ffffff05;overflow:hidden}body.light-theme .cert-card-preview{background:linear-gradient(135deg,#fffffff2,#f0f2f5fa);border-color:#008eb040;box-shadow:0 20px 50px #0000000d}.cert-glow-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:14px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.cert-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:110px;font-family:var(--font-title);font-weight:900;color:#ffffff02;pointer-events:none;letter-spacing:12px}body.light-theme .cert-watermark{color:#00000002}.cert-card-preview h4{font-family:var(--font-title);font-size:10px;letter-spacing:3px;color:var(--accent-purple);text-transform:uppercase;margin-bottom:12px}.cert-card-preview h1{font-family:var(--font-title);font-size:24px;font-weight:800;color:var(--text-white);margin-bottom:16px;text-shadow:0 0 15px rgba(255,255,255,.1)}body.light-theme .cert-card-preview h1{color:#000;text-shadow:none}.cert-card-preview p{font-family:var(--font-body);font-size:12.5px;color:var(--text-muted);line-height:1.5;max-width:340px;margin:0 auto 20px}.cert-recipient{font-family:var(--font-title);font-size:18px;font-weight:700;color:var(--primary-cyan);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:20px;display:inline-block;min-width:220px;text-transform:uppercase;text-shadow:0 0 10px var(--primary-cyan-glow)}body.light-theme .cert-recipient{color:#008eb0;border-bottom-color:#0000001a;text-shadow:none}.cert-footer{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-title);font-size:10.5px;color:var(--text-muted)}.cert-seal{background:#00f0ff14;padding:4px 10px;border-radius:20px;border:1px solid rgba(0,240,255,.2);color:var(--primary-cyan);font-weight:700}body.light-theme .cert-seal{background:#008eb014;border-color:#008eb033;color:#008eb0}.cert-generator-form{display:flex;gap:12px;width:100%;max-width:440px}@media (max-width: 480px){.cert-generator-form{flex-direction:column}}.signature-card-body{flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%}.email-signature-preview{display:flex;justify-content:center;width:100%;background:#00000040;padding:16px;border-radius:8px;border:1px dashed var(--glass-border);box-shadow:inset 0 2px 8px #0000004d}body.light-theme .email-signature-preview{background:#fffc;border-color:#b8b8bc}