:root{--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-light:#ccfbf1;--color-primary-dark:#115e59;--color-accent:#14b8a6;--color-accent-light:#99f6e4;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-bg:#f0fdfa;--color-bg-subtle:#f8fafc;--color-card:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-input-bg:#fff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-glow:0 0 30px rgba(13,148,136,.15);--shadow-card:0 4px 20px rgba(0,0,0,.08);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;right:0;height:500px;background:linear-gradient(135deg,#0d9488,#14b8a6 50%,#2dd4bf);opacity:.04;z-index:-1;pointer-events:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{padding:var(--spacing-2xl) 0;margin-top:52px;text-align:center;background:linear-gradient(135deg,var(--color-card),var(--color-bg));border-bottom:1px solid var(--color-border);position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.header:after,.header__badge{border-radius:var(--radius-full)}.header__badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.header__title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-text),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__tagline{font-size:1.125rem;color:var(--color-text-secondary);font-weight:400}.main{flex:1;padding:var(--spacing-2xl) 0}.layout{display:flex;flex-direction:column;gap:var(--spacing-xl)}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.card--preview{background:linear-gradient(135deg,var(--color-card),var(--color-bg-subtle))}.card--preview:before{background:linear-gradient(90deg,var(--color-accent),var(--color-success))}.card__title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.card__title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}.form{gap:var(--spacing-md)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-group--conditional{max-height:0;overflow:hidden;opacity:0;margin:0;transition:all var(--transition-normal)}.form-group--conditional.visible{max-height:100px;opacity:1;margin-bottom:var(--spacing-md)}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-input,.form-select{width:100%;height:52px;padding:0 var(--spacing-md);font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover{border-color:var(--color-text-muted)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light),var(--shadow-glow)}.form-input.error,.form-select.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 4px var(--color-error-light)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;padding-right:44px}.form-error{font-size:.75rem;color:var(--color-error);min-height:1rem;font-weight:500}.toggle-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__slider{cursor:pointer;inset:0;background:var(--color-border);border-radius:var(--radius-full)}.toggle__slider,.toggle__slider:before{position:absolute;transition:var(--transition-fast)}.toggle__slider:before{content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:var(--shadow-md)}.toggle input:checked+.toggle__slider{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.toggle input:checked+.toggle__slider:before{transform:translateX(24px)}.toggle input:focus+.toggle__slider{box-shadow:0 0 0 4px var(--color-primary-light)}.toggle__label{font-size:.9375rem;font-weight:500;color:var(--color-text)}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.75rem;font-weight:700;color:var(--color-text-muted);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:50%;cursor:help;position:relative;transition:all var(--transition-fast)}.tooltip-trigger:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.tooltip-trigger:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text);color:#fff;font-size:.75rem;font-weight:400;white-space:normal;width:220px;border-radius:var(--radius-md);z-index:100;text-align:left;line-height:1.5;box-shadow:var(--shadow-lg)}.tooltip-trigger:hover:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--color-text)}.form-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.btn-reset{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;padding:var(--spacing-xs) 0;transition:color var(--transition-fast)}.btn-reset:hover{color:var(--color-error)}.quote-preview{font-family:var(--font-mono);font-size:.875rem;line-height:1.7;white-space:pre-wrap;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);min-height:320px;overflow-x:auto;position:relative}.quote-preview__placeholder{color:var(--color-text-muted);font-style:italic}.quote-preview__error,.quote-preview__placeholder{font-family:var(--font-sans);text-align:center;padding:var(--spacing-2xl) var(--spacing-md)}.quote-preview__error{color:var(--color-error)}.quote-preview__content{color:var(--color-text)}.quote-preview__total{font-weight:700;color:var(--color-primary-dark)}.action-buttons{display:flex;flex-direction:column;margin-top:var(--spacing-lg)}.action-buttons,.btn{gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 var(--spacing-xl);font-family:var(--font-sans);font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:var(--shadow-md),0 4px 14px rgba(13,148,136,.25)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px rgba(13,148,136,.3)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary.success{background:linear-gradient(135deg,var(--color-success),#34d399)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:2px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-border-light);border-color:var(--color-primary);color:var(--color-primary)}.btn.success .btn__text,.btn__icon,.btn__icon--check{display:none}.btn.success .btn__icon--check{display:inline-flex}.btn__spinner{display:none;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:a .8s linear infinite}.btn.loading .btn__text{opacity:.7}.btn.loading .btn__spinner{display:inline-block}@keyframes a{to{transform:rotate(1turn)}}.footer{padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border);text-align:center;background:var(--color-card)}.ad-container{margin-bottom:var(--spacing-lg)}.ad-placeholder{background:linear-gradient(135deg,var(--color-border-light),var(--color-bg));border:2px dashed var(--color-border);border-radius:var(--radius-md);height:100px;display:flex;align-items:center;justify-content:center}.ad-placeholder,.footer__text{color:var(--color-text-muted);font-size:.875rem}.footer__text a{color:var(--color-primary);text-decoration:none;font-weight:500}.footer__text a:hover{text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--color-text);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;box-shadow:var(--shadow-xl);opacity:0;transition:all var(--transition-normal);z-index:1000;max-width:calc(100% - 48px);text-align:center}.toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.toast.success{background:linear-gradient(135deg,var(--color-success),#34d399)}.toast.error{background:linear-gradient(135deg,var(--color-error),#f87171)}@media (min-width:768px){.header{padding:var(--spacing-3xl) 0}.header__title{font-size:3rem}.header__tagline{font-size:1.25rem}.main{padding:var(--spacing-2xl) 0}.layout{flex-direction:row;align-items:flex-start}.form-section{flex:0 0 42%;max-width:42%}.preview-section{flex:0 0 58%;max-width:58%;position:sticky;top:var(--spacing-xl)}.form-input,.form-select{height:48px}.action-buttons{flex-direction:row}.btn{flex:1}.ad-placeholder{height:90px}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}.card{padding:var(--spacing-2xl)}.layout{gap:var(--spacing-2xl)}}@media (max-width:767px){.preview-section .action-buttons{position:fixed;bottom:0;left:0;right:0;background:var(--color-card);padding:var(--spacing-md);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:50;flex-direction:row;margin-top:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.preview-section .action-buttons .btn{flex:1}.footer{padding-bottom:calc(var(--spacing-2xl) + 80px)}}@media print{.action-buttons,.footer,.form-section,.header,.toast{display:none}.preview-section{position:static}.card--preview{box-shadow:none;border:none}.card--preview:before{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) var(--spacing-lg);background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-nav__brand{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-weight:700;font-size:1.125rem}.site-nav__icon{color:var(--color-primary);font-size:1.25rem}.site-nav__text{color:var(--color-text)}.site-nav__accent{color:var(--color-primary)}