:root{--color-primary: #6B8F71;--color-primary-dark: #567359;--color-primary-light: #82A888;--color-primary-rgb: 107, 143, 113;--color-primary-02: rgba(107, 143, 113, 0.02);--color-primary-05: rgba(107, 143, 113, 0.05);--color-primary-10: rgba(107, 143, 113, 0.1);--color-primary-15: rgba(107, 143, 113, 0.15);--color-primary-20: rgba(107, 143, 113, 0.2);--color-primary-30: rgba(107, 143, 113, 0.3);--color-primary-35: rgba(107, 143, 113, 0.35);--color-primary-70: rgba(107, 143, 113, 0.70);--color-primary-85: rgba(107, 143, 113, 0.85);--color-primary-92: rgba(107, 143, 113, 0.92);--color-accent: #C4704A;--color-accent-dark: #A85D3B;--color-accent-light: #D4885F;--color-accent-rgb: 196, 112, 74;--color-success: #48bb78;--color-success-dark: #38a169;--color-error: #ef4444;--color-error-dark: #dc2626;--color-warning: #ed8936;--color-warning-dark: #dd6b20;--color-info: #6B8F71;--color-white: #ffffff;--color-gray-50: #F7F9F7;--color-gray-100: #F0F4F1;--color-gray-200: #E0E6E1;--color-gray-300: #C8D1CA;--color-gray-400: #94A397;--color-gray-500: #5F6B61;--color-gray-600: #4A564C;--color-gray-700: #384239;--color-gray-800: #1F2A21;--color-gray-900: #1C1B19;--color-bg-page: #F0F4F1;--color-bg-section: #E0E6E1;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-elevated: #ffffff;--color-text-primary: #384239;--color-text-secondary: #4A564C;--color-text-muted: #5F6B61;--color-text-inverse: #ffffff;--color-text-link: #6B8F71;--color-text-link-hover: #567359;--color-border: #E0E6E1;--color-border-light: #F0F4F1;--color-border-dark: #C8D1CA;--color-border-input: #C8D1CA;--color-border-focus: #6B8F71;--color-scrollbar-track: #F0F4F1;--color-scrollbar-thumb: #C8D1CA;--color-scrollbar-thumb-hover: #94A397;--gradient-primary: linear-gradient(135deg, #6B8F71 0%, #567359 100%);--gradient-accent: linear-gradient(135deg, #C4704A 0%, #A85D3B 100%);--gradient-success: linear-gradient(45deg, #43e97b 0%, #38f9d7 100%);--gradient-error: linear-gradient(45deg, #ef4444 0%, #dc2626 100%);--gradient-warning: linear-gradient(45deg, #ed8936 0%, #dd6b20 100%);--gradient-highlight: linear-gradient(135deg, #EEF3EF 0%, #E4EBE5 100%);--gradient-page-header: linear-gradient(135deg, #6B8F71 0%, #567359 100%);--shadow-sm: 0 1px 2px rgba(61, 59, 56, 0.05);--shadow-md: 0 4px 6px rgba(61, 59, 56, 0.08);--shadow-lg: 0 8px 25px rgba(107, 143, 113, 0.12);--shadow-xl: 0 20px 40px rgba(61, 59, 56, 0.15);--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: 0.15s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 9999}@font-face{font-family:"Nunito";font-style:normal;font-weight:400 800;font-display:optional;src:local("Nunito"),url("/fonts/nunito-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:optional;src:local("Inter"),url("/fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-display:swap;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-page);min-height:100vh;padding-top:60px}button{background:none;border:none;font-family:inherit;cursor:pointer}button:focus:not(:focus-visible){outline:none}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;background:none;border:none}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}ul,ol{list-style:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}table{border-collapse:collapse;border-spacing:0}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:5px;border:2px solid var(--color-scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}input[type=checkbox],input[type=radio]{margin:0;cursor:pointer}.marketing-page{font-family:"Inter","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-primary);line-height:1.5}.marketing-page h1,.marketing-page h2,.marketing-page h3,.marketing-page h4,.marketing-page h5,.marketing-page h6{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text-primary);margin:0 0 1rem}.marketing-page h1{font-size:3rem;font-weight:800;line-height:1.2}@media(max-width: 767px){.marketing-page h1{font-size:2.25rem}}.marketing-page h2{font-size:2rem;font-weight:700;line-height:1.2}@media(max-width: 767px){.marketing-page h2{font-size:1.75rem}}.marketing-page h3{font-size:1.5rem;font-weight:600;line-height:1.3}@media(max-width: 767px){.marketing-page h3{font-size:1.25rem}}.marketing-page h4{font-size:1.25rem;font-weight:600}.marketing-page p{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 1rem}.marketing-page p:last-child{margin-bottom:0}.marketing-page .lead{font-size:1.25rem;line-height:1.5;color:var(--color-text-secondary)}.marketing-page .text-muted{color:var(--color-text-muted)}.marketing-page small,.marketing-page .small{font-size:.875rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-4);color:var(--color-gray-700)}h1{font-size:2.5rem}@media(max-width: 767px){h1{font-size:2rem}}h2{font-size:2rem}@media(max-width: 767px){h2{font-size:1.5rem}}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.2rem;font-weight:600}h5{font-size:1.1rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}p:last-child{margin-bottom:0}small{font-size:.8rem;color:var(--color-gray-500)}strong,b{font-weight:700}em,i{font-style:italic}.text-xs{font-size:.75rem}.text-sm{font-size:.8rem}.text-base{font-size:.9rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.2rem}.text-2xl{font-size:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-success{color:#48bb78}.text-error{color:#ef4444}.text-gray{color:var(--color-gray-500)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.container{max-width:1400px;margin:0 auto;padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-top:var(--space-3);margin-bottom:var(--space-3)}@media(max-width: 767px){.container{margin:var(--space-3);padding:var(--space-4);margin-top:var(--space-5)}}@media(max-width: 480px){.container{margin-top:var(--space-6)}}header{text-align:center;margin-bottom:var(--space-5)}header h1{color:var(--color-gray-700);margin-bottom:var(--space-2)}header p{color:var(--color-gray-500);font-size:1.1rem}.main-content{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:60vh}.grid{display:grid;gap:var(--space-4)}.grid.grid-2{grid-template-columns:repeat(2, 1fr)}@media(max-width: 767px){.grid.grid-2{grid-template-columns:1fr}}.grid.grid-3{grid-template-columns:repeat(3, 1fr)}@media(max-width: 767px){.grid.grid-3{grid-template-columns:1fr}}.grid.grid-auto{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.m-0{margin:0}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.hidden{display:none !important}.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}@media(max-width: 767px){.hidden-mobile{display:none !important}.show-mobile{display:block !important}}@media(min-width: 768px){.hidden-desktop{display:none !important}.show-desktop{display:block !important}}.btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.btn:hover{text-decoration:none}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.btn-primary{padding:var(--space-3) var(--space-6);font-size:.9rem}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-600)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.btn-secondary{padding:10px var(--space-5);font-size:.9rem;border:2px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){border-color:var(--color-gray-400)}.btn-success{background:#48bb78;color:var(--color-white)}.btn-success:hover:not(:disabled){background:#38a169;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.btn-success{padding:10px var(--space-5);font-size:.9rem}.btn-danger{background:#ef4444;color:var(--color-white)}.btn-danger:hover:not(:disabled){filter:brightness(0.92);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.btn-danger{padding:10px var(--space-5);font-size:.9rem}.btn-cta{background:var(--color-accent);border:2px solid var(--color-accent);color:var(--color-white)}.btn-cta:hover:not(:disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(196,112,74,.3)}.btn-sm{padding:6px 8px;font-size:.75rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.1rem}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:hover{transform:none;box-shadow:none}.nav-btn{border:2px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;padding:var(--space-4) var(--space-8);font-size:1rem;background:var(--color-white);color:var(--color-primary)}.nav-btn:focus{outline:none}.nav-btn{min-width:140px;white-space:nowrap}.nav-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-btn:disabled{cursor:not-allowed;opacity:.5;border-color:var(--color-gray-200);color:var(--color-gray-400)}.qty-btn{width:50px;height:50px;border:2px solid var(--color-border);background:var(--color-bg-card);border-radius:var(--radius-lg);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.qty-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.color-btn{width:40px;height:40px;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.color-btn:hover{transform:scale(1.1);border-color:var(--color-primary)}.color-btn.active{border-color:var(--color-primary);transform:scale(1.1);box-shadow:0 0 0 3px var(--color-primary-20)}.page-navigation{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5)}.page-navigation span{color:var(--color-text-primary);font-weight:500}.page-navigation button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.page-navigation button:hover{text-decoration:none}.page-navigation button:focus{outline:none}.page-navigation button:disabled{cursor:not-allowed;opacity:.5}.page-navigation button{padding:var(--space-3) var(--space-4);font-size:.9rem;background:var(--color-primary);color:var(--color-white)}.page-navigation button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.page-navigation button:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.page-navigation button:disabled{background:var(--color-border);color:var(--color-text-muted)}.page-navigation button:disabled:hover:not(:disabled){filter:brightness(0.92);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.page-navigation button:disabled:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.page-navigation button:disabled:hover{transform:none;box-shadow:none}.download-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.download-btn:hover{text-decoration:none}.download-btn:focus{outline:none}.download-btn:disabled{cursor:not-allowed;opacity:.5}.download-btn{width:100%;padding:var(--space-4) var(--space-4);font-size:.9rem;margin-bottom:var(--space-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1)}.download-btn small{font-size:.8rem;opacity:.8}.form-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.form-buttons button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.form-buttons button:hover{text-decoration:none}.form-buttons button:focus{outline:none}.form-buttons button:disabled{cursor:not-allowed;opacity:.5}.form-buttons button{flex:1;padding:var(--space-2) var(--space-2);font-size:.75rem}.control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}@media(max-width: 767px){.control-buttons{grid-template-columns:1fr}}.marketing-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-family:"Inter","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:.9rem;line-height:1;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .2s ease;min-height:44px;gap:.5rem}.marketing-page .btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.marketing-page .btn:disabled{opacity:.5;cursor:not-allowed}.marketing-page .btn-primary{background:var(--terracotta);color:#fff}.marketing-page .btn-primary:hover:not(:disabled){background:var(--terracotta-dark);box-shadow:0 4px 12px rgba(196,112,74,.3);transform:translateY(-1px)}.marketing-page .btn-primary:active:not(:disabled){background:var(--terracotta-dark);transform:translateY(0);box-shadow:none}.marketing-page .btn-outline{background:rgba(0,0,0,0);border:2px solid var(--sage);color:var(--sage)}.marketing-page .btn-outline:hover:not(:disabled){background:var(--sage);color:#fff}.marketing-page .btn-outline-white{background:rgba(0,0,0,0);border:2px solid #fff;color:#fff}.marketing-page .btn-outline-white:hover:not(:disabled){background:#fff;color:var(--sage-dark)}.marketing-page .btn-white{background:#fff;color:var(--sage-dark);box-shadow:0 2px 8px rgba(61,61,61,.1)}.marketing-page .btn-white:hover:not(:disabled){background:#f8f8f8;box-shadow:0 4px 12px rgba(61,61,61,.15);transform:translateY(-1px)}.marketing-page .btn-lg{padding:1rem 2.25rem;font-size:1rem}.marketing-page .btn-sm{padding:.625rem 1.25rem;font-size:.8rem;min-height:44px}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-2);font-size:.9rem}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.form-input{width:100%}.form-textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.form-textarea{width:100%;min-height:100px;resize:vertical}.form-select{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.form-select{width:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:40px}.form-checkbox,.form-radio{margin-right:var(--space-2);accent-color:var(--color-primary)}.form-error{color:#ef4444;font-size:.8rem;margin-top:var(--space-1)}.form-help{color:var(--color-gray-500);font-size:.8rem;margin-top:var(--space-1)}.layout-config{max-width:800px;margin:0 auto;display:grid;gap:var(--space-5)}.quantity-section,.spacing-section,.page-size-section,.layout-preview-section,.additional-settings{background:var(--color-bg-card);padding:var(--space-5);border-radius:var(--radius-xl);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5)}.quantity-section h3,.spacing-section h3,.page-size-section h3,.layout-preview-section h3,.additional-settings h3{margin-bottom:var(--space-5);color:var(--color-text-primary);font-weight:600}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);justify-content:center}@media(max-width: 767px){.quantity-controls{flex-wrap:wrap}}#quantity{width:100px;height:50px;text-align:center;font-size:1.2rem;font-weight:700;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-input);color:var(--color-text-primary)}.spacing-options{display:flex;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}@media(max-width: 767px){.spacing-options{flex-direction:column;gap:var(--space-3)}}.spacing-option{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text-primary);transition:border-color var(--transition-normal),background var(--transition-normal)}.spacing-option:hover{border-color:var(--color-primary);background:var(--color-primary-05)}.spacing-option input[type=radio]{margin-right:var(--space-2)}.spacing-option input[type=radio]:checked{accent-color:var(--color-primary)}.custom-spacing{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-primary)}.custom-spacing input{width:80px;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-primary)}.page-size-options{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}@media(max-width: 767px){.page-size-options{flex-direction:column;gap:var(--space-3)}}.page-size-option{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text-primary);transition:border-color var(--transition-normal),background var(--transition-normal);font-size:.8rem}.page-size-option:hover{border-color:var(--color-primary);background:var(--color-primary-05)}.page-size-option input[type=radio]{margin-right:var(--space-2)}.page-size-option input[type=radio]:checked{accent-color:var(--color-primary)}.page-size-option input[type=radio]:checked+span{color:var(--color-primary);font-weight:600}.additional-settings{margin-top:var(--space-5)}.settings-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);transition:background var(--transition-normal),border-color var(--transition-normal)}.settings-header:hover{background:var(--color-primary-05);border-color:var(--color-primary)}.settings-header h3{margin:0;color:var(--color-text-secondary);font-weight:600;font-size:1.1rem}.toggle-icon{font-size:1.2rem;color:var(--color-primary);font-weight:700;transition:transform var(--transition-normal)}.settings-content{border-top:1px solid var(--color-border);padding-top:var(--space-5);animation:slideDown var(--transition-normal) ease-out}.settings-content h4{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--space-4);margin-top:0;font-size:.9rem}.settings-content .spacing-section,.settings-content .page-size-section{background:rgba(0,0,0,0);padding:0;margin-bottom:var(--space-6)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-dialog{position:relative;background:var(--color-bg-card);border-radius:var(--radius-xl);padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(20px) scale(0.95);transition:all .3s ease}.modal-overlay.show .modal-dialog{transform:translateY(0) scale(1)}.modal-dialog.shake{animation:modalShake .5s ease-in-out}.modal-header{padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-bottom:1px solid var(--color-gray-200)}.modal-header.no-border{border-bottom:none}.modal-icon{font-size:1.25rem;flex-shrink:0}.modal-icon.success{color:#48bb78}.modal-icon.error{color:#ef4444}.modal-icon.warning{color:#ed8936}.modal-icon.info{color:var(--color-primary)}.modal-icon.question{color:var(--color-primary)}.modal-icon.danger{color:#ef4444}.modal-title{font-size:1.1rem;font-weight:600;color:var(--color-gray-700);margin:0}.modal-subtitle{font-size:.9rem;color:var(--color-gray-600);margin:0;line-height:1.5}.modal-body{padding:var(--space-6) var(--space-8);text-align:center}.modal-body p{color:var(--color-gray-600);line-height:1.6;margin:0}.modal-body .form-group{text-align:left;margin-bottom:var(--space-4)}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-label{display:block;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-2);font-size:.8rem}.modal-body .form-input,.modal-body select{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.modal-body .form-input:focus,.modal-body select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.modal-body .form-input,.modal-body select{width:100%}.modal-body select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:40px}.custom-template-form .template-form-section{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.custom-template-form .template-form-section:last-child{margin-bottom:0}.custom-template-form .section-title{font-size:1.1rem;font-weight:600;color:var(--color-gray-700);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-30)}.custom-template-form .form-row{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.custom-template-form .form-row.dimensions-row{grid-template-columns:1fr 1fr}@media(max-width: 767px){.custom-template-form .form-row.dimensions-row{grid-template-columns:1fr}}.custom-template-form .form-row:last-child{margin-bottom:0}.custom-template-form .form-group{margin-bottom:0}.custom-template-form .form-label{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-2);font-size:.9rem}.custom-template-form .label-icon{font-size:1.1rem}.custom-template-form .modern-input,.custom-template-form .modern-select{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.custom-template-form .modern-input:focus,.custom-template-form .modern-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.custom-template-form .modern-input,.custom-template-form .modern-select{width:100%;background:var(--color-bg-input);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--space-3);font-size:.9rem;transition:all var(--transition-normal)}.custom-template-form .modern-input:focus,.custom-template-form .modern-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-15);background:var(--color-bg-input)}.custom-template-form .modern-input:hover,.custom-template-form .modern-select:hover{border-color:var(--color-gray-400)}.custom-template-form .modern-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B8F71'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:20px;padding-right:50px}.custom-template-form .input-group{position:relative;display:flex;align-items:center}.custom-template-form .input-suffix{position:absolute;right:var(--space-4);color:var(--color-gray-500);font-size:.8rem;font-weight:500;pointer-events:none;background:var(--color-bg-input);padding:0 var(--space-1)}.custom-template-form .form-help{color:var(--color-gray-500);font-size:.75rem;margin-top:var(--space-1);font-style:italic}.modal-footer{padding:var(--space-3) var(--space-6) var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-3)}@media(max-width: 767px){.modal-footer{flex-direction:column-reverse;gap:var(--space-2)}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.modal-btn:hover{text-decoration:none}.modal-btn:focus{outline:none}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn{padding:var(--space-3) var(--space-6);font-size:.9rem;min-width:100px}.modal-btn.primary{background:var(--color-primary);color:var(--color-white)}.modal-btn.primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.primary:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.modal-btn.cta{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);color:var(--color-white)}.modal-btn.cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.cta:active:not(:disabled){transform:translateY(0);filter:brightness(0.95)}.modal-btn.secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.modal-btn.secondary:hover:not(:disabled){background:var(--color-gray-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.secondary:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.modal-btn.danger{background:#ef4444;color:var(--color-white)}.modal-btn.danger:hover:not(:disabled){filter:brightness(0.92);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.danger:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.modal-btn.success{background:#48bb78;color:var(--color-white)}.modal-btn.success:hover:not(:disabled){filter:brightness(0.92);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.success:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}@media(max-width: 767px){.modal-btn{width:100%;justify-content:center}}@keyframes modalShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1040;display:flex;align-items:center;justify-content:center}.top-navigation{position:fixed;top:0;left:0;width:100%;height:60px;background:var(--color-bg-card);box-shadow:var(--shadow-md);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}@media(max-width: 767px){.top-navigation{height:70px;padding:0 var(--space-4)}}.top-navigation__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:1.2rem;font-weight:700;color:var(--color-primary);text-decoration:none}.top-navigation__brand:hover{text-decoration:none}.top-navigation__brand-icon{font-size:1.5rem}.top-navigation__menu{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}@media(max-width: 767px){.top-navigation__menu{gap:var(--space-3)}}.top-navigation__menu-item{color:var(--color-gray-600);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.top-navigation__menu-item:hover{color:var(--color-primary);background:var(--color-primary-10);text-decoration:none}.top-navigation__menu-item--active{color:var(--color-primary);background:var(--color-primary-10)}.top-navigation__auth{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.top-navigation__auth-user{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-gray-700);font-weight:500}.top-navigation__auth-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.top-navigation__auth-dropdown{position:relative}.top-navigation__auth-dropdown-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.top-navigation__auth-dropdown-toggle:hover{background:var(--color-gray-100)}.top-navigation__auth-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.top-navigation__auth-dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.top-navigation__auth-dropdown-menu-item{display:block;padding:var(--space-3) var(--space-4);color:var(--color-gray-700);text-decoration:none;font-size:.8rem;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer}.top-navigation__auth-dropdown-menu-item:hover{background:var(--color-gray-50);color:var(--color-primary);text-decoration:none}.top-navigation__auth-dropdown-menu-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.top-navigation__auth-dropdown-menu-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.top-navigation__auth-dropdown-menu-divider{height:1px;background:var(--color-gray-200);margin:var(--space-1) 0}.top-navigation #nav-stats{margin-right:var(--space-4)}@media(max-width: 767px){.top-navigation #nav-stats{margin-right:var(--space-2)}}.top-navigation__hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}@media(max-width: 767px){.top-navigation__hamburger{display:flex}}.top-navigation__hamburger span{width:24px;height:3px;background:var(--color-gray-600);border-radius:2px;transition:all var(--transition-fast)}.top-navigation__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.top-navigation__hamburger--open span:nth-child(2){opacity:0}.top-navigation__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.top-navigation__mobile-menu{position:fixed;top:70px;left:0;width:100%;background:var(--color-white);border-top:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.top-navigation__mobile-menu--open{transform:translateY(0);opacity:1;visibility:visible}.top-navigation__mobile-menu-item{display:block;padding:var(--space-4);color:var(--color-gray-700);text-decoration:none;border-bottom:1px solid var(--color-gray-100);transition:all var(--transition-fast)}.top-navigation__mobile-menu-item:hover{background:var(--color-gray-50);color:var(--color-primary);text-decoration:none}.top-navigation__mobile-menu-item:last-child{border-bottom:none}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0;font-size:.8rem}.breadcrumb__item{color:var(--color-gray-500);text-decoration:none}.breadcrumb__item:hover:not(.breadcrumb__item--current){color:var(--color-primary);text-decoration:underline}.breadcrumb__item--current{color:var(--color-gray-700);font-weight:500}.breadcrumb__separator{color:var(--color-gray-400)}.breadcrumb__separator::before{content:"/"}.design-workspace{display:grid;grid-template-columns:1fr 350px;gap:var(--space-5);align-items:start;height:calc(100vh - 200px);min-height:500px;max-height:900px;margin-bottom:var(--space-5)}@media(max-width: 767px){.design-workspace{grid-template-columns:1fr;height:auto;min-height:auto;max-height:none}.design-workspace .canvas-section{order:2}.design-workspace .tools-panel{order:1;margin-bottom:var(--space-5)}}.canvas-section{background:var(--color-bg-section);padding:var(--space-3);border-radius:var(--radius-xl);text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-start;position:sticky;top:calc(60px + var(--space-4));align-self:start}@media(max-width: 767px){.canvas-section{padding:var(--space-4);height:auto}}.canvas-drawer-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0}.canvas-container{display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--color-gray-300);border-radius:var(--radius-xl);background:var(--color-bg-card);padding:var(--space-4);box-shadow:var(--shadow-md);touch-action:none;user-select:none;overflow:hidden;transition:border-color .2s,box-shadow .2s,background-color .2s}.canvas-container.drag-over{border-color:var(--color-primary);border-style:dashed;box-shadow:var(--shadow-lg),0 0 0 4px var(--color-primary-10);background-color:var(--color-primary-02)}@media(max-width: 767px){.canvas-container{padding:var(--space-4);max-width:100%;width:100%;box-sizing:border-box;display:flex}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.canvas-container{border-width:1px}}#canvas-ad-slot{flex-shrink:0;margin-top:auto;padding-top:var(--space-2);text-align:center;width:100%}@media(max-width: 767px){#canvas-ad-slot{display:none}}#button-canvas{touch-action:none;user-select:none;max-width:100%;height:auto !important;display:block}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){#button-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.canvas-info{margin-top:var(--space-5);display:flex;align-items:center;justify-content:space-between}@media(max-width: 767px){.canvas-info{flex-direction:column;gap:var(--space-3);text-align:center}}.button-specs{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}@media(max-width: 767px){.button-specs{flex-direction:column;gap:var(--space-3)}}#button-size-display{font-weight:600;color:var(--color-text-primary);font-size:1.1rem}.cut-line-indicator{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.cut-line-swatch{display:inline-block;width:20px;height:3px;background:#e53e3e;border-radius:2px}.mobile-zoom-control{display:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}@media(max-width: 767px){.mobile-zoom-control{display:flex !important}}.mobile-zoom-control label{font-weight:500;color:var(--color-text-secondary);font-size:.8rem}#zoom-slider,#rotation-slider{width:200px;height:6px;border-radius:3px;background:var(--color-gray-300);outline:none;-webkit-appearance:none}#zoom-slider::-webkit-slider-thumb,#rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-card);box-shadow:var(--shadow-sm)}#zoom-slider::-moz-range-thumb,#rotation-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-card);box-shadow:var(--shadow-sm)}.image-adjustment-sliders{margin:var(--space-4) 0;padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.zoom-control,.rotation-control{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.zoom-control:last-child,.rotation-control:last-child{margin-bottom:0}.zoom-control label,.rotation-control label{font-size:.8rem;color:var(--color-text-secondary);min-width:50px}.zoom-control span,.rotation-control span{font-size:.8rem;color:var(--color-text-muted);min-width:40px}.rotation-reset-btn{padding:4px 8px;font-size:14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.rotation-reset-btn:hover{background:var(--color-primary-05);color:var(--color-text-primary)}#zoom-value{font-weight:600;color:var(--color-primary);font-size:.8rem;min-width:40px;text-align:center}.tools-panel{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);height:100%;overflow-y:auto;overflow-x:hidden;align-self:stretch;overscroll-behavior:contain;contain:content}@media(max-width: 767px){.tools-panel{width:100%;box-sizing:border-box;height:auto;overflow-y:visible;align-self:auto;overscroll-behavior:auto}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.tools-panel{border-width:1px}}.tool-section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.tool-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media(max-width: 767px){.tool-section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);width:100%;box-sizing:border-box}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.tool-section{border-bottom-width:.5px}}.tool-section h3{margin-bottom:var(--space-4);color:var(--color-text-primary);font-size:1.1rem;font-weight:600}@media(max-width: 767px){.tool-section h3{font-size:1.1rem;margin-bottom:var(--space-3)}}.design-options{margin-top:var(--space-1)}.design-options .option-label{display:flex;align-items:center;gap:var(--space-3);font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) 0}.design-options .option-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.design-options .section-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.design-options .bleed-mode-section{margin-bottom:var(--space-4)}.design-options .bleed-mode-toggle{display:flex;background:var(--color-bg-elevated);border-radius:8px;padding:3px;gap:2px}.design-options .bleed-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.design-options .bleed-mode-btn .mode-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.design-options .bleed-mode-btn .mode-desc{font-size:10px;color:var(--color-text-muted);margin-top:2px}.design-options .bleed-mode-btn:hover:not(.active){background:rgba(var(--color-bg-elevated), 0.5)}.design-options .bleed-mode-btn.active{background:var(--color-bg-elevated);box-shadow:0 1px 3px rgba(0,0,0,.1)}.design-options .bleed-mode-btn.active .mode-label{color:var(--color-primary)}.design-options .bleed-mode-btn.active .mode-desc{color:var(--color-text-secondary)}.design-options .bleed-mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.design-options .bleed-mode-help{display:block;margin-top:var(--space-2);padding-left:var(--space-1)}.design-options .bleed-size-section{margin-bottom:var(--space-4);padding-left:var(--space-1)}.design-options .bleed-size-section.hidden{display:none}.design-options .cut-line-section{margin-bottom:var(--space-2)}.image-upload{text-align:center}.image-upload button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.image-upload button:hover{text-decoration:none}.image-upload button:focus{outline:none}.image-upload button:disabled{cursor:not-allowed;opacity:.5}.image-upload button{background:var(--color-primary);color:var(--color-white)}.image-upload button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.image-upload button:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.image-upload button{padding:var(--space-3) var(--space-4);font-size:.9rem}@media(max-width: 767px){.image-upload button{width:100%;padding:var(--space-3);font-size:.9rem;box-sizing:border-box}}.image-upload-info{margin-top:var(--space-2);font-size:.8rem;color:var(--color-text-muted)}#image-controls{width:100%}@media(max-width: 767px){#image-controls{width:100%}}#image-controls .control-group{margin-bottom:var(--space-4)}@media(max-width: 767px){#image-controls .control-group{margin-bottom:var(--space-4)}}#image-controls input[type=range]{width:100%;margin:var(--space-3) 0}@media(max-width: 767px){#image-controls input[type=range]{width:100%;margin:var(--space-3) 0}}#image-controls button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}#image-controls button:hover{text-decoration:none}#image-controls button:focus{outline:none}#image-controls button:disabled{cursor:not-allowed;opacity:.5}#image-controls button{background:var(--color-gray-200);color:var(--color-gray-600)}#image-controls button:hover:not(:disabled){background:var(--color-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}#image-controls button:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}#image-controls button{padding:var(--space-2) var(--space-3);font-size:.8rem}@media(max-width: 767px){#image-controls button{width:100%;margin-bottom:var(--space-3);padding:var(--space-3);font-size:.8rem}}.color-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.instructions{background:var(--color-primary-05);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.instructions .instruction-item{margin-bottom:var(--space-2);font-size:.8rem;color:var(--color-text-secondary)}.instructions .instruction-item:last-child{margin-bottom:0}.template-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width: 767px){.template-grid{grid-template-columns:1fr}}.template-grid-container{position:relative}.template-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal);background:var(--color-primary-05);text-align:center;cursor:pointer;display:flex;flex-direction:column;min-height:160px;justify-content:flex-start;position:relative}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.template-card:hover{border-color:var(--color-primary);background:var(--color-primary-10)}.template-card:hover .template-delete-btn{display:flex}.template-card.selected{border-color:var(--color-primary);background:var(--color-primary-05);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.template-card.template-disabled{opacity:.6;cursor:not-allowed}.template-card.template-disabled:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary-15);border-color:var(--color-primary)}.template-card.disabled-template{opacity:.6;cursor:pointer;position:relative}.template-card.disabled-template:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary-15);border-color:var(--color-primary)}.template-card.disabled-template .template-preview{filter:grayscale(50%)}.template-card.disabled-template .premium-lock{margin-left:var(--space-1);font-size:.8em;opacity:.8}.template-card.premium-feature::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 40%, var(--color-primary-10) 50%, transparent 60%);pointer-events:none;border-radius:var(--radius-lg)}.template-card.custom-template{position:relative}.template-card.custom-template::before{content:"CUSTOM";position:absolute;background:var(--gradient-primary);color:var(--color-white);font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);z-index:2;box-shadow:var(--shadow-sm);top:var(--space-2);right:var(--space-2);background:#48bb78}.template-card.add-custom-template{border:3px dashed var(--color-gray-300);background:var(--color-bg-elevated);position:relative}.template-card.add-custom-template:hover{border-color:var(--color-primary);background:var(--color-primary-05)}.template-card.add-custom-template.form-active .template-preview,.template-card.add-custom-template.form-active .template-info{display:none}.template-card.add-custom-template .premium-badge{position:absolute;top:var(--space-2);right:var(--space-2);z-index:3}.template-preview{margin:0 auto var(--space-5);border:3px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-gray-600);flex-shrink:0;position:relative}.template-preview::after{content:"TEMPLATE";position:absolute;font-size:10px;font-weight:700;color:var(--color-gray-400);letter-spacing:.5px;opacity:.6}.custom-preview .template-preview::after,.add-template-preview .template-preview::after{content:none}.use-outline-templates .circle-preview,.use-outline-templates .square-preview,.use-outline-templates .oval-preview,.use-outline-templates .rectangle-preview,.use-outline-templates .custom-preview{background:var(--color-bg-elevated);border:3px dashed var(--color-gray-400);border-width:3px}.use-outline-templates .template-preview::after{color:var(--color-gray-500);opacity:.8}.circle-preview{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(45deg, #ef4444 0%, #dc2626 100%);border-color:#f5576c}.circle-preview-large{width:40px;height:40px;background:var(--color-primary);margin:0 auto}.square-preview{width:70px;height:70px;background:var(--gradient-success);border-color:#38f9d7;border-radius:var(--radius-lg)}.square-preview-large{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-sm);margin:0 auto}.oval-preview{background:linear-gradient(45deg, #ffecd2 0%, #fcb69f 100%);border-color:#fcb69f;border-radius:var(--radius-full);width:90px;height:65px}.rectangle-preview{background:var(--gradient-primary);border-color:var(--color-primary-dark);border-radius:var(--radius-md);width:90px;height:55px}.custom-preview{width:80px;height:80px;background:var(--gradient-primary);border-color:var(--color-primary-dark);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.custom-shape-preview{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg, var(--color-gray-200) 25%, transparent 25%),linear-gradient(-45deg, var(--color-gray-200) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--color-gray-200) 75%),linear-gradient(-45deg, transparent 75%, var(--color-gray-200) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md)}.custom-shape-preview .shape-image-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm)}.add-template-preview{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);min-height:80px;width:80px}.add-template-preview::after{content:none !important}.add-template-preview .plus-icon{font-size:3em;color:var(--color-gray-300);font-weight:700;position:relative;z-index:1}.add-custom-template:hover .add-template-preview .plus-icon{color:var(--color-primary)}.add-template-preview .premium-badge{white-space:nowrap;display:block;font-size:.75rem;font-weight:700;color:var(--color-white);background:var(--gradient-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.template-info{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.template-name{font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-1);font-size:1.1rem;text-align:center;line-height:1.2}.template-desc{color:var(--color-gray-500);font-size:.8rem;text-align:center;line-height:1.3;margin:0}.template-desc.premium-desc{color:var(--color-primary);font-weight:500}.template-action-btns{position:absolute;top:var(--space-1);left:var(--space-1);display:none;gap:var(--space-1);z-index:3}.template-card:hover .template-action-btns{display:flex}.template-delete-btn{position:absolute;top:var(--space-1);left:var(--space-1);background:#ef4444;color:var(--color-white);border:none;width:20px;height:20px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;cursor:pointer;display:none;z-index:3;display:flex;align-items:center;justify-content:center}.template-delete-btn:hover{background:#dc2626}.template-action-btns .template-delete-btn,.template-action-btns .template-clone-btn{position:relative;top:auto;left:auto;display:flex}.template-clone-btn{background:var(--color-primary);color:var(--color-white);border:none;width:20px;height:20px;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.template-clone-btn:hover{background:#567359}#clone-template-modal .clone-preview{text-align:center;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-md)}#clone-template-modal .clone-shape-preview{max-width:120px;max-height:120px;object-fit:contain}#clone-template-modal .clone-info{text-align:center;color:var(--color-gray-600);font-size:.8rem;margin-bottom:var(--space-4)}#clone-template-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.premium-badge{position:absolute;background:var(--gradient-primary);color:var(--color-white);font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);z-index:2;box-shadow:var(--shadow-sm);top:var(--space-2);right:var(--space-2)}.disabled-icon{opacity:.5;color:var(--color-gray-400)}.custom-form{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg-card);border-radius:9px;padding:var(--space-3);display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:space-between;border:3px solid var(--color-primary)}.custom-form .form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.custom-form .form-row label{font-weight:600;font-size:.8rem;margin-right:var(--space-2);white-space:nowrap}.custom-form .form-row select,.custom-form .form-row input{width:65px;padding:3px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.75rem}.custom-form .form-row select[type=text],.custom-form .form-row input[type=text]{width:85px}.custom-form .form-buttons{gap:var(--space-2);margin-top:var(--space-1)}.custom-form .form-buttons button{flex:1;padding:var(--space-2) var(--space-2);font-size:.75rem;border:none;border-radius:var(--radius-sm);cursor:pointer}.custom-template-section{background:var(--color-gray-50);padding:var(--space-5);border-radius:var(--radius-xl);border:2px dashed var(--color-gray-300);transition:all var(--transition-normal);cursor:pointer}.custom-template-section:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.custom-template-section.selected{border-color:var(--color-primary);border-style:solid;background:var(--color-primary-05);box-shadow:var(--shadow-lg)}.custom-template-section h3{margin-bottom:var(--space-4);color:var(--color-gray-700)}.save-template-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.save-template-section label{font-weight:600;color:var(--color-gray-600);font-size:.8rem}.save-template-section input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.save-template-section input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.save-template-section input{font-size:.9rem}.save-template-section-note{font-size:.75rem;color:var(--color-gray-500);margin-top:var(--space-1);text-align:center}.custom-controls{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.custom-controls-row{display:flex;gap:var(--space-5);align-items:end;flex-wrap:wrap}@media(max-width: 767px){.custom-controls-row{flex-direction:column;gap:var(--space-4);align-items:stretch}}.custom-controls-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}@media(max-width: 767px){.custom-controls-actions{flex-direction:column;gap:var(--space-4);margin-top:var(--space-5)}.custom-controls-actions button{width:100%}}.custom-controls label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;color:var(--color-gray-600);margin-bottom:0;flex:1}@media(max-width: 767px){.custom-controls label{min-width:unset;width:100%}}.custom-controls select,.custom-controls input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.custom-controls select:focus,.custom-controls input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-10)}.custom-controls select,.custom-controls input{width:100%;height:44px;appearance:none}.custom-controls select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:40px}.upgrade-prompt-overlay{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-primary-05);border:1px solid var(--color-primary-20);border-radius:var(--radius-lg);text-align:center}.upgrade-prompt-overlay p{margin-bottom:var(--space-3);color:var(--color-gray-600);font-weight:500}.upgrade-prompt-overlay .upgrade-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.upgrade-prompt-overlay .upgrade-btn:hover{text-decoration:none}.upgrade-prompt-overlay .upgrade-btn:focus{outline:none}.upgrade-prompt-overlay .upgrade-btn:disabled{cursor:not-allowed;opacity:.5}.upgrade-prompt-overlay .upgrade-btn{background:var(--color-primary);color:var(--color-white)}.upgrade-prompt-overlay .upgrade-btn:hover:not(:disabled){filter:brightness(0.92);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upgrade-prompt-overlay .upgrade-btn:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.upgrade-prompt-overlay .upgrade-btn{font-size:.8rem;padding:var(--space-2) var(--space-4)}.progress-bar{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);padding:0 var(--space-4);gap:var(--space-6)}@media(max-width: 767px){.progress-bar{gap:var(--space-5);padding-top:var(--space-3);margin-bottom:var(--space-8)}}@media(max-width: 480px){.progress-bar{padding-top:var(--space-4);margin-bottom:var(--space-10);gap:var(--space-4)}}.progress-step{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.progress-step::after{content:"";position:absolute;top:25px;left:50%;width:40px;height:2px;background:var(--color-gray-200);z-index:-1}.progress-step:last-child::after{display:none}.progress-step.active .step-number{background:var(--color-primary);color:var(--color-white);transform:scale(1.1)}.progress-step.active .step-label{color:var(--color-gray-700);font-weight:600}.progress-step.completed .step-number{background:#48bb78;color:var(--color-white)}.step-number{width:50px;height:50px;border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:var(--space-3);transition:all var(--transition-normal)}@media(max-width: 480px){.step-number{width:40px;height:40px;font-size:.9rem}}.step-label{font-size:.8rem;color:var(--color-gray-500);text-align:center;font-weight:500}@media(max-width: 480px){.step-label{font-size:.75rem}}.wizard-content{min-height:600px;margin-bottom:var(--space-8);position:relative;overflow:visible;display:flex;flex-direction:column}.wizard-content.step-1-completed #step-2.active,.wizard-content.step-1-completed #step-3.active,.wizard-content.step-1-completed #step-4.active{display:block !important}.step-panel{display:none !important;animation:fadeIn var(--transition-normal) ease-in;position:relative;flex:1}.step-panel.active{display:block !important}.step-panel h2{margin-bottom:var(--space-5);color:var(--color-gray-700);text-align:center;font-size:2rem;font-weight:600}@media(max-width: 767px){.step-panel h2{font-size:1.5rem}}#step-2,#step-3,#step-4{display:none !important}#step-2.active,#step-3.active,#step-4.active{display:block !important}.wizard-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-5);border-top:2px solid var(--color-gray-200);margin-top:auto;min-height:68px;align-items:flex-start}@media(max-width: 480px){.wizard-navigation{gap:var(--space-3);flex-wrap:nowrap}.wizard-navigation .nav-btn{flex:1;max-width:48%;padding:var(--space-2) var(--space-3);font-size:.85rem;min-width:0}}.auth-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-toast);color:var(--color-white);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif}.auth-loading__content{text-align:center;margin-bottom:var(--space-8)}.auth-loading__content-icon{font-size:3rem;margin-bottom:var(--space-4)}.auth-loading__content-title{font-size:2rem;font-weight:700;margin:0 0 var(--space-2) 0}.auth-loading__content-subtitle{font-size:1.1rem;opacity:.9;margin:0}.auth-loading__spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-white);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.auth-loading__spinner{border-color:rgba(var(--color-white), 0.3);border-top-color:var(--color-white)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:var(--z-toast);display:flex;align-items:center;justify-content:center}.loading-overlay__content{background:var(--color-bg-card);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl)}.loading-overlay__spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-overlay__spinner{margin:0 auto var(--space-4)}.loading-overlay__text{color:var(--color-text-primary);font-weight:600;font-size:1.1rem}.loading-overlay .loading-content{background:var(--color-bg-card);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl)}.loading-overlay .loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-overlay .loading-spinner{margin:0 auto var(--space-4)}.loading-overlay .loading-text{color:var(--color-text-primary);font-weight:700;font-size:1.5rem;margin-top:var(--space-4)}.template-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg-card);opacity:.95;display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown);backdrop-filter:blur(2px);border-radius:var(--radius-xl)}.template-loading-overlay__content{text-align:center;padding:var(--space-8);opacity:1}.template-loading-overlay__spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.template-loading-overlay__spinner{margin:0 auto var(--space-5)}.template-loading-overlay__text{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500}.step-loading{position:relative;pointer-events:none;opacity:.7}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);pointer-events:none}@media(max-width: 767px){.toast-container{top:var(--space-3);right:var(--space-3);left:var(--space-3)}}.toast{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);margin-bottom:var(--space-3);overflow:hidden;pointer-events:auto;animation:toastSlideIn var(--transition-normal) ease-out}.toast.toast-success{border-left:4px solid var(--color-success)}.toast.toast-success .toast-icon{color:var(--color-success)}.toast.toast-error{border-left:4px solid var(--color-error)}.toast.toast-error .toast-icon{color:var(--color-error)}.toast.toast-warning{border-left:4px solid var(--color-warning)}.toast.toast-warning .toast-icon{color:var(--color-warning)}.toast.toast-info{border-left:4px solid var(--color-info)}.toast.toast-info .toast-icon{color:var(--color-info)}.toast.toast-removing{animation:toastSlideOut var(--transition-fast) ease-in forwards}.toast-content{padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.toast-icon{font-size:1.1rem;flex-shrink:0}.toast-message{flex:1;color:var(--color-text-primary);font-weight:500;line-height:1.4}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);margin:-var(--space-1);border-radius:var(--radius-sm);font-size:1.1rem;flex-shrink:0;transition:all var(--transition-fast)}.toast-close:hover{color:var(--color-text-secondary);background:var(--color-bg-elevated)}.toast-progress{height:3px;background:var(--color-bg-elevated)}.toast-progress-bar{height:100%;background:currentColor;width:100%;transform-origin:left;animation:toastProgress var(--duration, 5000ms) linear forwards}@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateX(0);opacity:1;max-height:200px;margin-bottom:var(--space-3)}to{transform:translateX(100%);opacity:0;max-height:0;margin-bottom:0}}@keyframes toastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}.content-security-layer{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:999998 !important;pointer-events:none !important}.user-experience-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:rgba(0,0,0,.95) !important;z-index:999999 !important;pointer-events:all !important}div[id*=protection],div[class*=adblock],div[class*=protection],.security-overlay,.access-control,.content-gate{position:fixed !important;inset:0 !important;background:rgba(0,0,0,.9) !important;z-index:999999 !important;display:flex !important;align-items:center !important;justify-content:center !important}.security-overlay::before,.access-control::before{content:"" !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0) !important;z-index:999997 !important;pointer-events:all !important}.backup-layer-1,.backup-layer-2,.backup-layer-3{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,.8) !important;z-index:999990 !important;display:none !important;pointer-events:all !important}.protected-content{filter:blur(5px) grayscale(100%) !important;pointer-events:none !important;user-select:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important}.protection-active{overflow:hidden !important;height:100vh !important}.protection-active *{pointer-events:none !important}.protection-active #adblock-protection-overlay,.protection-active #adblock-protection-overlay *{pointer-events:all !important}.protection-message{background:var(--color-white) !important;padding:var(--space-12) !important;border-radius:var(--radius-xl) !important;max-width:500px !important;margin:var(--space-8) !important;text-align:center !important;box-shadow:0 25px 50px rgba(0,0,0,.5) !important;position:relative !important;z-index:1000000 !important}.protection-icon{font-size:var(--space-12) !important;margin-bottom:var(--space-4) !important;display:block !important}.protection-title{color:var(--color-gray-700) !important;margin-bottom:var(--space-4) !important;font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif !important;font-size:2rem !important;font-weight:600 !important}.protection-text{color:var(--color-gray-600) !important;line-height:1.6 !important;margin-bottom:var(--space-6) !important;font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif !important}.protection-info-box{background:var(--color-gray-50) !important;padding:var(--space-6) !important;border-radius:var(--radius-lg) !important;margin-bottom:var(--space-6) !important;border-left:4px solid var(--color-primary) !important}.protection-info-title{color:var(--color-gray-700) !important;margin-bottom:var(--space-2) !important;font-size:1.1rem !important;font-weight:600 !important}.protection-info-list{text-align:left !important;color:var(--color-gray-600) !important;line-height:1.5 !important;margin:0 !important;padding-left:var(--space-5) !important}.protection-buttons{display:flex !important;align-items:center !important;justify-content:center !important;gap:var(--space-4) !important;flex-wrap:wrap !important}.protection-button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.protection-button:hover{text-decoration:none}.protection-button:focus{outline:none}.protection-button:disabled{cursor:not-allowed;opacity:.5}.protection-button{padding:var(--space-3) var(--space-6);font-size:.9rem;font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif !important}.protection-button-primary{background:var(--color-primary);color:var(--color-white)}.protection-button-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.protection-button-primary:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.protection-button-secondary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;color:var(--color-white) !important}.protection-footer{color:var(--color-gray-500) !important;font-size:.8rem !important;margin-top:var(--space-4) !important}html.adblock-detected body{overflow:hidden !important}html.adblock-detected body>*:not(#adblock-protection-overlay){filter:blur(5px) !important;pointer-events:none !important}@media screen{.ads-blocker-detected body{overflow:hidden !important}.ads-blocker-detected main,.ads-blocker-detected .content{filter:blur(10px) grayscale(100%) !important;pointer-events:none !important}}html body div#adblock-protection-overlay{display:flex !important;opacity:1 !important;visibility:visible !important;position:fixed !important;z-index:2147483647 !important}#adblock-protection-overlay[style*="display: none"],#adblock-protection-overlay[style*="visibility: hidden"],#adblock-protection-overlay[style*="opacity: 0"]{display:flex !important;visibility:visible !important;opacity:1 !important}.protection-active #adblock-protection-overlay{animation:protection-pulse 2s infinite !important}@keyframes protection-pulse{0%,100%{opacity:1}50%{opacity:.95}}@media(max-width: 767px){.protection-message{padding:var(--space-8) !important;margin:var(--space-4) !important;max-width:90vw !important}.protection-buttons{flex-direction:column !important}.protection-buttons .protection-button{width:100% !important}}@media print{.protection-active{display:none !important}.protection-active::before{content:"This content is protected. Please disable adblocker to view." !important;position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;font-size:2rem !important;font-weight:700 !important}}.design-queue-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);background:var(--gradient-primary);color:var(--color-white);font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(102,126,234,.3);white-space:nowrap}.design-queue-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.design-queue-btn:active{transform:translateY(0)}.design-queue-btn__icon{font-size:1.2rem}@media(max-width: 640px){.design-queue-btn{height:44px;padding:0 var(--space-3);font-size:.8rem}}.design-queue-sheet{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);pointer-events:none;visibility:hidden}.design-queue-sheet--open{pointer-events:auto;visibility:visible}.design-queue-sheet--open .design-queue-sheet__backdrop{opacity:1}.design-queue-sheet--open .design-queue-sheet__panel{transform:translateY(0)}@media(min-width: 768px){.design-queue-sheet__handle{display:none}.design-queue-sheet__header{padding:var(--space-3) var(--space-4)}.design-queue-sheet__content{padding:var(--space-3) var(--space-4);max-height:50vh;min-height:200px}.design-queue-sheet__footer{padding:var(--space-3) var(--space-4)}.design-queue-sheet__panel{max-width:800px;margin:0 auto;border-radius:var(--radius-xl);bottom:80px}}.design-queue-sheet__backdrop{position:absolute;inset:0;background:rgba(var(--color-gray-900), 0.5);opacity:0;transition:opacity var(--transition-normal)}.design-queue-sheet__panel{position:absolute;bottom:0;left:0;right:0;background:var(--color-bg-card);display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,.15);max-height:70vh;min-height:200px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);transition:transform var(--transition-normal) cubic-bezier(0.4, 0, 0.2, 1)}.design-queue-sheet__handle{width:40px;height:4px;background:var(--color-gray-300);border-radius:var(--radius-full);margin:var(--space-3) auto 0;cursor:grab}.design-queue-sheet__handle:active{cursor:grabbing}.design-queue-sheet__header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.design-queue-sheet__title{flex:1;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0}.design-queue-sheet__count{font-size:.8rem;color:var(--color-text-muted);margin-right:var(--space-3)}.design-queue-sheet__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:1;transition:color var(--transition-fast)}.design-queue-sheet__close:hover{color:var(--color-text-secondary)}.design-queue-sheet__content{flex:1;overflow-y:auto;padding:var(--space-4);overscroll-behavior:contain}.design-queue-sheet__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg-elevated)}.design-queue-sheet__btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.design-queue-sheet__btn--primary{background:var(--gradient-primary);color:var(--color-white);width:100%;padding:var(--space-3) var(--space-4);font-size:.9rem}.design-queue-sheet__btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.design-queue-sheet__btn--primary:disabled{opacity:.5;cursor:not-allowed}.design-queue-sheet__btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.design-queue-sheet__btn--secondary:hover{background:var(--color-primary-05)}.design-queue-sheet__btn--danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.design-queue-sheet__btn--danger:hover{background:#ef4444;color:var(--color-white)}.design-queue-sheet__actions{margin-bottom:var(--space-3)}.design-queue-sheet__bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.design-queue-sheet__set-all{display:flex;align-items:center;gap:var(--space-2)}.design-queue-sheet__set-all label{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}@media(max-width: 640px){.design-queue-sheet__set-all label{font-size:.75rem}}.design-queue-sheet__qty-input{width:50px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;text-align:center;background:var(--color-bg-input);color:var(--color-text-primary)}.design-queue-sheet__qty-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.design-queue-grid{display:grid;gap:var(--space-3)}@media(min-width: 768px){.design-queue-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));overflow-y:auto;padding-bottom:var(--space-1)}}@media(max-width: 767px){.design-queue-grid{grid-template-columns:repeat(3, 1fr);gap:var(--space-3)}}.design-queue-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);border:2px solid rgba(0,0,0,0);background:var(--color-bg-elevated);flex-shrink:0}@media(min-width: 768px){.design-queue-card{width:120px;height:120px}}@media(max-width: 767px){.design-queue-card{aspect-ratio:1}}.design-queue-card:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.design-queue-card:hover .design-queue-card__delete{opacity:1}.design-queue-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-30)}.design-queue-card--active:hover{border-color:var(--color-primary-dark)}.design-queue-card__thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.design-queue-card__thumbnail img{width:100%;height:100%;object-fit:contain}.design-queue-card__delete{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(var(--color-gray-900), 0.7);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.design-queue-card__delete:hover{background:#ef4444;transform:scale(1.1)}@media(max-width: 640px){.design-queue-card__delete{opacity:.8;width:28px;height:28px}}.design-queue-card__name{position:absolute;bottom:0;left:0;right:0;padding:var(--space-1);background:linear-gradient(transparent, rgba(var(--color-gray-900), 0.7));color:var(--color-white);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-queue-card__quantity{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:2px;padding:2px;background:rgba(var(--color-gray-900), 0.85)}@media(min-width: 768px){.design-queue-card__quantity{gap:1px;padding:1px}}.design-queue-card__qty-btn{width:32px;height:32px;background:rgba(var(--color-white), 0.2);border:none;border-radius:var(--radius-sm);color:var(--color-white);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}@media(min-width: 768px){.design-queue-card__qty-btn{width:24px;height:24px;font-size:.8rem}}.design-queue-card__qty-btn:hover{background:rgba(var(--color-white), 0.3)}.design-queue-card__qty-btn:active{background:rgba(var(--color-white), 0.4)}.design-queue-card__qty-value{color:var(--color-white);font-size:.75rem;font-weight:600;min-width:18px;text-align:center}.design-queue-empty{text-align:center;padding:var(--space-8) var(--space-4)}.design-queue-empty__icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.8}.design-queue-empty__title{font-size:1.2rem;font-weight:600;color:var(--color-gray-700);margin:0 0 var(--space-6) 0}.design-queue-empty__steps{display:flex;flex-direction:column;gap:var(--space-4);max-width:280px;margin:0 auto;text-align:left}.design-queue-empty__step{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-gray-600);font-size:.8rem}.design-queue-empty__step-num{width:24px;height:24px;background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}body.design-queue-active .main-content,body.design-queue-active .canvas-container,body.design-queue-active .wizard-container{padding-bottom:96px}@media(max-width: 640px){body.design-queue-active .main-content,body.design-queue-active .canvas-container,body.design-queue-active .wizard-container{padding-bottom:110px}}.queue-layout-summary{background:linear-gradient(135deg, var(--color-primary-05), var(--color-primary-10));border:1px solid var(--color-primary-20);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.queue-layout-summary h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-800);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.queue-layout-summary h3::before{content:"🎨"}.queue-layout-summary .queue-summary-note{font-size:.8rem;color:var(--color-gray-500);margin:0 0 var(--space-3) 0}.queue-layout-summary .queue-summary-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:var(--space-3);margin-bottom:var(--space-3)}@media(max-width: 640px){.queue-layout-summary .queue-summary-grid{grid-template-columns:repeat(3, 1fr);gap:var(--space-2)}}.queue-layout-summary .queue-summary-item{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);position:relative}.queue-layout-summary .queue-summary-item:hover{transform:scale(1.03)}.queue-layout-summary .queue-summary-item:hover .queue-delete-btn{opacity:1}.queue-layout-summary .queue-delete-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;background:rgba(239,68,68,.9);border:none;border-radius:50%;color:var(--color-white);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);padding:0;line-height:1;z-index:10}.queue-layout-summary .queue-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.queue-layout-summary .queue-delete-btn:active{transform:scale(0.95)}@media(hover: none){.queue-layout-summary .queue-delete-btn{opacity:.8}}.queue-layout-summary .queue-summary-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-gray-100)}.queue-layout-summary .queue-summary-info{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);font-size:.75rem;border-top:1px solid var(--color-gray-100);align-items:stretch}.queue-layout-summary .queue-summary-name{color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.queue-layout-summary .queue-summary-qty{background:var(--gradient-primary);color:var(--color-white);padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;flex-shrink:0;margin-left:var(--space-1)}.queue-layout-summary .queue-summary-qty-controls{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.queue-layout-summary .queue-qty-btn{width:24px;height:24px;background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-gray-700);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);padding:0;line-height:1}.queue-layout-summary .queue-qty-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.queue-layout-summary .queue-qty-btn:active{transform:scale(0.95)}@media(max-width: 640px){.queue-layout-summary .queue-qty-btn{width:28px;height:28px}}.queue-layout-summary .queue-summary-qty-value{min-width:20px;text-align:center;font-weight:600;color:var(--color-gray-800);font-size:.8rem}.queue-layout-summary .queue-summary-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-primary-20)}.queue-layout-summary .queue-set-all{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem}.queue-layout-summary .queue-set-all label{color:var(--color-gray-600);white-space:nowrap}.queue-layout-summary .queue-set-all .queue-set-all-input{width:60px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.8rem;text-align:center}.queue-layout-summary .queue-summary-total{font-size:.9rem;color:var(--color-gray-800)}.queue-layout-summary .queue-summary-total strong{color:var(--color-primary)}.marketing-page .card-grid{display:grid;gap:2rem}@media(min-width: 768px){.marketing-page .card-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.marketing-page .card-grid{grid-template-columns:repeat(3, 1fr)}}.marketing-page .feature-card{background:var(--color-primary-05);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.marketing-page .feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.marketing-page .feature-card h3{margin-bottom:.75rem}.marketing-page .feature-card p{margin:0}.marketing-page .feature-icon{width:56px;height:56px;background:var(--color-primary-10);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.5rem}.marketing-page .pricing-card{background:var(--card-bg);border-radius:16px;padding:2rem;text-align:center;box-shadow:var(--shadow-md);display:flex;flex-direction:column;position:relative}.marketing-page .pricing-card.featured{border:3px solid var(--sage);transform:scale(1.03);z-index:1}@media(max-width: 768px){.marketing-page .pricing-card.featured{transform:none}}.marketing-page .pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--sage);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.marketing-page .pricing-card .tier-name{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-charcoal);margin-bottom:.5rem}.marketing-page .pricing-card .price{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;color:var(--sage);margin-bottom:.25rem}.marketing-page .pricing-card .price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.marketing-page .pricing-card .tagline{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.marketing-page .pricing-card .features-list{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left;flex-grow:1}.marketing-page .pricing-card .features-list li{padding:.5rem 0;color:var(--text-light);display:flex;align-items:flex-start;gap:.75rem}.marketing-page .pricing-card .features-list li::before{content:"✓";color:var(--sage);font-weight:700;flex-shrink:0}.marketing-page .testimonial-card{background:var(--card-bg);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md)}.marketing-page .testimonial-card .stars{color:#f59e0b;font-size:1.25rem;margin-bottom:1rem;letter-spacing:2px}.marketing-page .testimonial-card .quote{font-style:italic;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--text-charcoal)}.marketing-page .testimonial-card .author{display:flex;align-items:center;gap:1rem}.marketing-page .testimonial-card .avatar{width:48px;height:48px;border-radius:50%;background:var(--sage-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--sage-dark)}.marketing-page .testimonial-card .author-info .name{font-weight:600;color:var(--text-charcoal);margin-bottom:.125rem}.marketing-page .testimonial-card .author-info .role{font-size:.875rem;color:var(--text-muted)}.marketing-page .ai-card{background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;color:#fff}.marketing-page .ai-card .ai-icon{width:56px;height:56px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.5rem}.marketing-page .ai-card h3{color:#fff;margin-bottom:.75rem}.marketing-page .ai-card p{color:hsla(0,0%,100%,.9);margin:0}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease;padding:var(--space-4)}.welcome-modal-overlay--visible{opacity:1}.welcome-modal-overlay--visible .welcome-modal{transform:translateY(0);opacity:1}.welcome-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;width:100%;padding:var(--space-6);transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.welcome-modal__header{text-align:center;margin-bottom:var(--space-5)}.welcome-modal__icon{font-size:3rem;margin-bottom:var(--space-3)}.welcome-modal__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.welcome-modal__subtitle{color:var(--color-text-secondary);margin:0;font-size:.8rem}.welcome-modal__body{margin-bottom:var(--space-5)}.welcome-modal__intro{font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-3)}.welcome-modal__benefits{list-style:none;padding:0;margin:0 0 var(--space-5)}.welcome-modal__benefits li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:.8rem}.welcome-modal__benefits li::before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.welcome-modal__options{display:flex;flex-direction:column;gap:var(--space-3)}.welcome-modal__checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-fast)}.welcome-modal__checkbox:hover{border-color:var(--color-primary);background:var(--color-primary-05)}.welcome-modal__checkbox input[type=checkbox]{display:none}.welcome-modal__checkbox input[type=checkbox]:checked+.welcome-modal__checkmark{background:var(--color-primary);border-color:var(--color-primary)}.welcome-modal__checkbox input[type=checkbox]:checked+.welcome-modal__checkmark::after{opacity:1;transform:scale(1)}.welcome-modal__checkbox input[type=checkbox]:checked~.welcome-modal__label{color:var(--color-text-primary)}.welcome-modal__checkmark{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);position:relative}.welcome-modal__checkmark::after{content:"✓";color:#fff;font-size:12px;font-weight:bold;opacity:0;transform:scale(0.5);transition:all var(--transition-fast)}.welcome-modal__label{font-size:.8rem;color:var(--color-text-secondary);transition:color var(--transition-fast)}.welcome-modal__footer{display:flex;flex-direction:column;gap:var(--space-3)}.welcome-modal__save{width:100%}.welcome-modal__skip{width:100%}.welcome-modal__note{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin:var(--space-4) 0 0}.theme-charcoal .welcome-modal{background:var(--color-bg-card)}.theme-charcoal .welcome-modal__checkmark{border-color:var(--color-gray-400)}.theme-charcoal .welcome-modal__checkbox{border-color:var(--color-gray-300)}.theme-charcoal .welcome-modal__checkbox:hover{border-color:var(--color-primary)}.sage-theme{--theme-primary: var(--color-primary);--theme-primary-dark: var(--color-primary-dark);--theme-primary-light: var(--color-primary-light);--theme-accent: var(--color-accent);--theme-accent-dark: var(--color-accent-dark);--theme-primary-rgb: var(--color-primary-rgb);--theme-accent-rgb: var(--color-accent-rgb)}.sage-theme .top-navigation__brand{color:var(--theme-primary)}.sage-theme .top-navigation__menu-item:hover{color:var(--theme-primary);background:var(--color-primary-10)}.sage-theme .top-navigation__menu-item--active{color:var(--theme-primary);background:var(--color-primary-10)}.sage-theme .top-navigation__auth-user-avatar{background:var(--theme-primary)}.sage-theme .top-navigation__auth-dropdown-menu-item:hover{color:var(--theme-primary)}.sage-theme .progress-step.active .step-number{background:var(--theme-primary)}.sage-theme .btn-primary{background:var(--theme-primary)}.sage-theme .btn-primary:hover:not(:disabled){background:var(--theme-primary-dark)}.sage-theme .nav-btn{border-color:var(--theme-primary);color:var(--theme-primary)}.sage-theme .nav-btn:hover:not(:disabled){background:var(--theme-primary);color:#fff;box-shadow:0 8px 25px rgba(var(--theme-primary-rgb), 0.3)}.sage-theme .qty-btn:hover{border-color:var(--theme-primary);color:var(--theme-primary)}.sage-theme .color-btn:hover{border-color:var(--theme-primary)}.sage-theme .color-btn.active{border-color:var(--theme-primary);box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb), 0.2)}.sage-theme .page-navigation button{background:var(--theme-primary)}.sage-theme .page-navigation button:hover:not(:disabled){background:var(--theme-primary-dark)}.sage-theme .template-card:hover{border-color:var(--theme-primary)}.sage-theme .template-card.selected{border-color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), 0.05)}.sage-theme .template-card.template-disabled:hover,.sage-theme .template-card.disabled-template:hover{box-shadow:0 4px 12px rgba(var(--theme-primary-rgb), 0.15);border-color:var(--theme-primary)}.sage-theme .template-card.premium-feature::after{background:linear-gradient(45deg, transparent 40%, rgba(var(--theme-primary-rgb), 0.1) 50%, transparent 60%)}.sage-theme .template-card.add-custom-template:hover{border-color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), 0.05)}.add-custom-template:hover .sage-theme .add-template-preview .plus-icon{color:var(--theme-primary)}.sage-theme .premium-badge{background:linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark))}.sage-theme .template-clone-btn{background:var(--theme-primary)}.sage-theme .template-clone-btn:hover{background:var(--theme-primary-dark)}.sage-theme .custom-form{border-color:var(--theme-primary)}.sage-theme .custom-template-section.selected{border-color:var(--theme-primary);background:rgba(var(--theme-primary-rgb), 0.05)}.sage-theme .upgrade-prompt-overlay{background:rgba(var(--theme-primary-rgb), 0.05);border-color:rgba(var(--theme-primary-rgb), 0.2)}.sage-theme .upgrade-prompt-overlay .upgrade-btn{background:var(--theme-primary)}.sage-theme .upgrade-prompt-overlay .upgrade-btn:hover{background:var(--theme-primary-dark)}.sage-theme .canvas-container.drag-over{border-color:var(--theme-primary);box-shadow:0 10px 40px rgba(0,0,0,.1),0 0 0 4px rgba(var(--theme-primary-rgb), 0.1);background-color:rgba(var(--theme-primary-rgb), 0.02)}.sage-theme #zoom-value{color:var(--theme-primary)}.sage-theme #zoom-slider::-webkit-slider-thumb,.sage-theme #rotation-slider::-webkit-slider-thumb{background:var(--theme-primary)}.sage-theme #zoom-slider::-moz-range-thumb,.sage-theme #rotation-slider::-moz-range-thumb{background:var(--theme-primary)}.sage-theme .design-options .option-label input[type=checkbox]{accent-color:var(--theme-primary)}.sage-theme .design-options .bleed-mode-btn.active .mode-label{color:var(--theme-primary)}.sage-theme .design-options .bleed-mode-btn:focus-visible{outline-color:var(--theme-primary)}.sage-theme .image-upload button{background:var(--theme-primary)}.sage-theme .image-upload button:hover{background:var(--theme-primary-dark)}.sage-theme .instructions{background:rgba(var(--theme-primary-rgb), 0.05);border-left-color:var(--theme-primary)}.sage-theme{--theme-gradient: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%)}.sage-theme .auth-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-toast);color:var(--color-white);font-family:"Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif}.sage-theme .auth-loading__content{text-align:center;margin-bottom:var(--space-8)}.sage-theme .auth-loading__content-icon{font-size:3rem;margin-bottom:var(--space-4)}.sage-theme .auth-loading__content-title{font-size:2rem;font-weight:700;margin:0 0 var(--space-2) 0}.sage-theme .auth-loading__content-subtitle{font-size:1.1rem;opacity:.9;margin:0}.sage-theme .auth-loading__spinner{width:40px;height:40px;border:3px solid rgba(var(--color-white), 0.3);border-top:3px solid var(--color-white);border-radius:var(--radius-full);animation:spin 1s linear infinite}.sage-theme.sage-theme .nav-upgrade,.sage-theme .nav-upgrade{background:var(--theme-accent) !important}.sage-theme.sage-theme .nav-upgrade:hover,.sage-theme .nav-upgrade:hover{background:var(--theme-accent-dark) !important;opacity:1 !important}.sage-theme .nav-link[onclick*=logout],.sage-theme a.nav-link[style*=e53e3e]{color:var(--theme-primary) !important}.sage-theme .nav-link[onclick*=logout]:hover,.sage-theme a.nav-link[style*=e53e3e]:hover{color:var(--theme-primary-dark) !important}.sage-theme a[href="/upgrade"],.sage-theme a[href*=upgrade]{color:var(--theme-accent) !important}.sage-theme a[href="/upgrade"]:hover,.sage-theme a[href*=upgrade]:hover{color:var(--theme-accent-dark) !important}.sage-theme .design-queue-btn{border-color:var(--theme-primary)}.sage-theme .design-queue-btn:hover{background:rgba(var(--theme-primary-rgb), 0.1);border-color:var(--theme-primary)}.sage-theme .design-queue-sheet__btn--primary{background:var(--theme-primary) !important;border-color:var(--theme-primary) !important}.sage-theme .design-queue-sheet__btn--primary:hover{background:var(--theme-primary-dark) !important}.sage-theme .design-queue-card--active{border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb), 0.2)}.sage-theme .design-queue-empty__step-num{background:var(--theme-primary)}.sage-theme #upgrade-modal button[style*=gradient]{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%) !important}.sage-theme [style*="border-left-color: var(--color-primary)"]{border-left-color:var(--theme-primary) !important}.auth-page-marketing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--warm-white);padding:2rem}.auth-page-marketing .auth-card{background:var(--card-bg);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}@media(max-width: 767px){.auth-page-marketing .auth-card{padding:1.75rem;margin:.5rem}}.auth-page-marketing .auth-header{text-align:center;margin-bottom:2rem}.auth-page-marketing .auth-header h1{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-charcoal);margin:0 0 .5rem}.auth-page-marketing .auth-header p{color:var(--text-muted);margin:0}.auth-page-marketing .oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.auth-page-marketing .oauth-btn{width:100%;padding:.875rem;border-radius:8px;font-weight:500;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease;min-height:44px}.auth-page-marketing .oauth-btn.google{background:#fff;border:1px solid var(--border-warm);color:var(--text-charcoal)}.auth-page-marketing .oauth-btn.google:hover{border-color:#4285f4;background:rgba(66,133,244,.05)}.auth-page-marketing .oauth-btn.facebook{background:#1877f2;color:#fff;border:none}.auth-page-marketing .oauth-btn.facebook:hover{background:#166fe5}.auth-page-marketing .auth-divider{display:flex;align-items:center;margin:1.5rem 0}.auth-page-marketing .auth-divider::before,.auth-page-marketing .auth-divider::after{content:"";flex:1;border-bottom:1px solid var(--border-warm)}.auth-page-marketing .auth-divider span{padding:0 1rem;color:var(--text-muted);font-size:.875rem}.auth-page-marketing .auth-form .form-group{margin-bottom:1rem}.auth-page-marketing .auth-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-charcoal);font-size:.9rem}.auth-page-marketing .auth-form .form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-warm);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.auth-page-marketing .auth-form .form-group input:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px var(--color-primary-10)}.auth-page-marketing .auth-form .forgot-link{text-align:right;margin-top:.5rem}.auth-page-marketing .auth-form .forgot-link a{color:var(--sage);text-decoration:none;font-size:.875rem;font-weight:500}.auth-page-marketing .auth-form .forgot-link a:hover{text-decoration:underline}.auth-page-marketing .submit-btn{width:100%;padding:.875rem;background:var(--terracotta);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;min-height:44px;margin-top:.5rem}.auth-page-marketing .submit-btn:hover:not(:disabled){background:var(--terracotta-dark)}.auth-page-marketing .submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page-marketing .auth-toggle{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.9rem}.auth-page-marketing .auth-toggle button{background:none;border:none;color:var(--sage);font-weight:600;cursor:pointer;text-decoration:underline}.auth-page-marketing .auth-toggle button:hover{color:var(--sage-dark)}.auth-page-marketing .auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-warm);font-size:.8rem;color:var(--text-muted)}.auth-page-marketing .auth-footer a{color:var(--sage);text-decoration:none}.auth-page-marketing .auth-footer a:hover{text-decoration:underline}.auth-page-marketing .terms-field{margin:1rem 0}.auth-page-marketing .terms-field label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-light);line-height:1.4}.auth-page-marketing .terms-field label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.auth-page-marketing .terms-field label a{color:var(--sage)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:var(--space-5)}.auth-page__container{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);width:100%;max-width:400px;text-align:center}@media(max-width: 767px){.auth-page__container{padding:var(--space-6);margin:var(--space-4)}}.auth-page__title{font-size:2rem;font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.auth-page__subtitle{color:var(--color-gray-500);margin-bottom:var(--space-8);font-size:1.1rem}.auth-page__form{text-align:left;margin-bottom:var(--space-6)}.auth-page__divider{position:relative;margin:var(--space-6) 0;text-align:center;color:var(--color-gray-500);font-size:.8rem}.auth-page__divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-gray-200);z-index:1}.auth-page__divider span{background:var(--color-white);padding:0 var(--space-4);position:relative;z-index:2}.auth-page__social{margin-bottom:var(--space-6)}.auth-page__social button{width:100%;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.auth-page__social button:hover{text-decoration:none}.auth-page__social button:focus{outline:none}.auth-page__social button:disabled{cursor:not-allowed;opacity:.5}.auth-page__social button{padding:var(--space-3) var(--space-4);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:var(--space-3);border:2px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);margin-bottom:var(--space-3)}.auth-page__social button:hover{border-color:var(--color-primary);background:var(--color-primary-05)}.auth-page__social button:last-child{margin-bottom:0}.auth-page__footer{text-align:center;color:var(--color-gray-500);font-size:.8rem}.auth-page__footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-page__footer a:hover{text-decoration:underline}.account-container{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}@media(max-width: 767px){.account-container{padding:var(--space-4) var(--space-3)}}.alerts-area{margin-bottom:var(--space-4)}.top-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-2);border:2px solid}.top-alert--warning{background:rgba(237,137,54,.08);border-color:var(--color-warning)}.top-alert--warning .top-alert-icon{color:var(--color-warning)}.top-alert--error{background:rgba(220,38,38,.08);border-color:var(--color-error)}.top-alert--error .top-alert-icon{color:var(--color-error)}.top-alert--info{background:var(--color-primary-05);border-color:var(--color-primary)}.top-alert--info .top-alert-icon{color:var(--color-primary)}.top-alert--promo{background:linear-gradient(135deg, rgba(196, 112, 74, 0.1) 0%, var(--color-primary-10) 100%);border-color:var(--color-accent)}.top-alert--promo .top-alert-icon{color:var(--color-accent)}@media(max-width: 767px){.top-alert{flex-wrap:wrap;gap:var(--space-2)}}.top-alert-icon{font-size:1.1rem;flex-shrink:0}.top-alert-content{flex:1;font-size:.8rem;min-width:200px}.top-alert-content strong{display:block;color:var(--color-text-primary);margin-bottom:2px}.top-alert-content span{color:var(--color-text-secondary)}.top-alert-dismiss{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.top-alert-dismiss:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.account-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-8);text-align:left}@media(max-width: 767px){.account-header{flex-direction:column;gap:var(--space-4)}}.welcome-section h1{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.welcome-section .member-info{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:.8rem}.member-info-divider{width:4px;height:4px;background:var(--color-gray-400);border-radius:50%;flex-shrink:0}.plan-card{display:flex;align-items:center;gap:var(--space-5);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.plan-card--cancelled{border-color:var(--color-warning);background:rgba(237,137,54,.08)}.plan-card--tinker{border-color:var(--color-gray-300)}@media(max-width: 767px){.plan-card{width:100%;flex-wrap:wrap}}.plan-badge{background:var(--color-primary);color:var(--color-white);padding:.35rem .75rem;border-radius:20px;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.plan-badge--cancelled{background:var(--color-gray-400);text-decoration:line-through}.plan-badge--tinker{background:var(--color-gray-400)}.plan-badge--vip{background:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%)}.plan-badge--admin{background:var(--color-warning)}.plan-details{flex:1;min-width:0}.plan-price{font-weight:600;color:var(--color-text-primary)}.plan-renewal{font-size:.8rem;color:var(--color-text-muted)}.plan-access-until{font-size:.8rem;color:var(--color-warning);font-weight:500}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width: 767px){.stats-row{grid-template-columns:1fr}}.stat-card,.credits-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.credits-card{border-color:var(--color-accent);background:linear-gradient(135deg, rgba(196, 112, 74, 0.1) 0%, var(--color-bg-card) 100%)}.credits-card--tinker{border-color:var(--color-border);background:var(--color-bg-card)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-title{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-grid,.stat-card .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:0}.stat-item{text-align:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.stat-item--warning{background:rgba(237,137,54,.08);border:1px solid rgba(237,137,54,.3)}.stat-value{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}.stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-1)}.stat-reset{font-size:.7rem;color:var(--color-text-muted);margin-top:var(--space-1)}.stat-trend{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;font-weight:600;color:var(--color-success);margin-top:var(--space-1)}.stat-trend--down{color:var(--color-error)}.credits-refresh{font-size:.75rem;font-weight:600;color:var(--color-success);background:rgba(34,197,94,.1);padding:2px var(--space-2);border-radius:var(--radius-sm)}.credits-main{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.credits-total{font-size:2rem;font-weight:700;color:var(--color-primary)}.credits-label{color:var(--color-text-muted);font-size:.8rem}.credits-breakdown{font-size:.8rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.credits-actions{display:flex;align-items:center;gap:var(--space-3)}.credits-history-link{color:var(--color-text-muted);font-size:.8rem;text-decoration:none}.credits-history-link:hover{color:var(--color-primary);text-decoration:underline}.history-section{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.history-title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0}.history-subtitle{font-size:.8rem;color:var(--color-text-muted);font-style:italic;margin:var(--space-1) 0 0 0}.history-grid{display:grid;grid-template-columns:repeat(auto-fill, 80px);justify-content:center;gap:var(--space-5)}.history-item{text-align:center}.history-thumbnail{width:100%;aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-primary-10);padding:2px;margin-bottom:var(--space-1)}.history-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.history-thumbnail--circle img{border-radius:50%}.history-meta{font-size:.75rem;color:var(--color-text-muted);line-height:1.3;letter-spacing:.02em}.history-empty{grid-column:1/-1;text-align:center;padding:var(--space-8);color:var(--color-text-muted);background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.history-empty a{color:var(--color-primary);font-weight:500}.history-empty a:hover{text-decoration:underline}.section-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;scroll-margin-top:var(--space-4)}.section-card.has-alert .section-icon{background:rgba(220,38,38,.08);color:var(--color-error)}.section-card.has-warning .section-icon{background:rgba(237,137,54,.08);color:var(--color-warning)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.section-header:hover{background:var(--color-gray-50)}.section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-10);border-radius:var(--radius-sm);font-size:1rem;flex-shrink:0}.section-info{flex:1;min-width:0}.section-title{font-weight:600;color:var(--color-text-primary);font-size:.9rem;margin:0}.section-summary{font-size:.8rem;color:var(--color-text-muted);margin:0}.section-chevron{color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0}.section-content{display:none;padding:var(--space-5)}.section-card.open .section-content{display:block}.section-card.open .section-chevron{transform:rotate(180deg)}.payment-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:rgba(220,38,38,.08);border:2px solid var(--color-error)}.payment-alert--warning{background:rgba(237,137,54,.08);border-color:var(--color-warning)}.payment-alert--warning .payment-alert-icon{color:var(--color-warning)}.payment-alert-icon{font-size:1.1rem;color:var(--color-error)}.payment-alert-content{flex:1}.payment-alert-title{font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.payment-alert-text{font-size:.8rem;color:var(--color-text-secondary)}.card-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.card-brand-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;background:var(--color-gray-700);color:var(--color-white)}.card-number{font-family:"SF Mono",Monaco,"Cascadia Code",monospace;font-size:.8rem;color:var(--color-text-primary);letter-spacing:1px}.card-expiry{font-size:.8rem;color:var(--color-text-muted)}.card-expiry--expired{color:var(--color-error);font-weight:500}.credit-history-list{list-style:none;padding:0;margin:0}.credit-history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.credit-history-item:last-child{border-bottom:none}.credit-date{font-size:.8rem;color:var(--color-text-muted);width:60px;flex-shrink:0}.credit-action{flex:1;font-size:.8rem;color:var(--color-text-secondary)}.credit-amount{font-weight:600;font-size:.8rem}.credit-amount--add{color:var(--color-success)}.credit-amount--use{color:var(--color-text-muted)}.invoice-list{display:flex;flex-direction:column;gap:var(--space-2)}.invoice-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md)}@media(max-width: 767px){.invoice-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.invoice-info{display:flex;align-items:center;gap:var(--space-3)}.invoice-date{font-size:.8rem;color:var(--color-text-muted)}.invoice-amount{font-weight:600;color:var(--color-text-primary)}.invoice-status{font-size:.75rem;font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;background:rgba(34,197,94,.1);color:var(--color-success)}.invoice-download{font-size:.8rem;color:var(--color-primary);text-decoration:none}.invoice-download:hover{text-decoration:underline}.preference-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.preference-row:last-child{margin-bottom:0}@media(max-width: 767px){.preference-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.preference-info{flex:1}.preference-label{font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.preference-description{font-size:.8rem;color:var(--color-text-muted)}.theme-selector{display:flex;gap:var(--space-2)}.theme-option{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.theme-option:hover{transform:scale(1.1)}.theme-option.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-20)}.theme-option[data-theme=sage]{background:linear-gradient(135deg, #6B8F71 0%, #567359 100%)}.theme-option[data-theme=charcoal]{background:linear-gradient(135deg, #3A3D3A 0%, #1C1E1C 100%)}.email-pref-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.email-pref-item:last-child{margin-bottom:0}.email-pref-checkbox{margin-top:2px;width:18px;height:18px;accent-color:var(--color-primary)}.email-pref-info{flex:1}.email-pref-label{font-weight:500;color:var(--color-text-primary);cursor:pointer}.email-pref-description{font-size:.8rem;color:var(--color-text-muted)}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width: 767px){.export-grid{grid-template-columns:1fr}}.export-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.export-card:hover{border-color:var(--color-primary);background:var(--color-primary-05)}.export-icon{font-size:1.2rem}.export-info{flex:1}.export-title{font-weight:500;color:var(--color-text-primary)}.export-description{font-size:.8rem;color:var(--color-text-muted)}.support-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-3)}@media(max-width: 767px){.support-grid{grid-template-columns:1fr}}.support-card{text-align:center;padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.support-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.support-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.support-title{font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1)}.support-description{font-size:.8rem;color:var(--color-text-muted)}.plan-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;align-items:center;justify-content:center;padding:var(--space-4)}.plan-modal-overlay.open{display:flex}.plan-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);max-width:650px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.plan-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:2px solid var(--color-border)}.plan-modal-title{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin:0}.plan-modal-close{background:none;border:none;font-size:1.2rem;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.plan-modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.plan-modal-body{padding:var(--space-5);background:linear-gradient(180deg, var(--color-bg-elevated) 0%, var(--color-bg-card) 100%)}.plan-modal-current{text-align:center;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-primary-05);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.8rem}.plan-modal-current strong{color:var(--color-primary);font-weight:700}.current-plan-indicator{text-align:center;padding:var(--space-3);background:var(--color-primary-05);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:.8rem;color:var(--color-text-secondary)}.current-plan-indicator strong{color:var(--color-primary)}.plan-comparison-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-3)}@media(max-width: 767px){.plan-comparison-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.plan-comparison-grid{grid-template-columns:1fr}}.plan-tier-card{border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.plan-tier-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-tier-card--current{border-color:var(--color-primary);background:var(--color-primary-05);position:relative}.plan-tier-card--current::after{content:"Current";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:var(--color-white);font-size:.75rem;font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm)}.plan-tier-name{font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.plan-tier-price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.plan-tier-price span{font-size:.8rem;font-weight:400;color:var(--color-text-muted)}.plan-tier-features{list-style:none;padding:0;margin:0;font-size:.8rem;color:var(--color-text-secondary);text-align:left}.plan-tier-features li{padding:var(--space-1) 0;padding-left:var(--space-4);position:relative}.plan-tier-features li::before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.plan-selection-container{position:relative}.plan-overlay{position:absolute;top:-15px;left:-5px;right:-5px;bottom:-5px;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);z-index:100;border-radius:var(--radius-lg)}.plan-overlay p{margin:0;color:var(--color-text-secondary);font-weight:500}.plan-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.plan-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:2px solid var(--color-border);background:var(--color-bg-elevated)}.plan-modal-footer .plan-billing-link{margin-right:auto}.plan-modal-footer .btn-danger-outline{background:rgba(0,0,0,0);border:2px solid var(--color-error);color:var(--color-error);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.plan-modal-footer .btn-danger-outline:hover{background:var(--color-error);color:var(--color-white)}.plan-modal-footer .btn-ghost{background:var(--color-gray-100);border:2px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.plan-modal-footer .btn-ghost:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.btn-ghost{background:var(--color-gray-50);border:2px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-ghost:hover{background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-danger-text{background:rgba(0,0,0,0);border:none;color:var(--color-error);cursor:pointer;font-weight:500;padding:var(--space-2) var(--space-3)}.btn-danger-text:hover{background:rgba(220,38,38,.08);border-radius:var(--radius-md)}.btn-sm{padding:4px 8px;font-size:.75rem}.upgrade-prompt{text-align:center;padding:var(--space-4)}.upgrade-prompt p{color:var(--color-text-muted);margin-bottom:var(--space-3)}.history-skeleton{display:contents}.skeleton-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3)}.skeleton-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{width:48px;height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;animation-delay:.1s}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}html.theme-charcoal .skeleton-circle,html.theme-charcoal .skeleton-text{background:linear-gradient(90deg, #3A3D3A 25%, #4A4D4A 50%, #3A3D3A 75%);background-size:200% 100%}.credits-display{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.credits-icon{width:48px;height:48px;background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.credits-info h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1}.credits-empty{text-align:center;padding:var(--space-4)}.credits-empty p{color:var(--color-text-muted);margin-bottom:var(--space-3)}.credits-empty-icon{font-size:1.5rem;margin-bottom:var(--space-2);opacity:.5}.section-title-row{display:flex;align-items:center;gap:var(--space-3)}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.profile-row:last-child{border-bottom:none}@media(max-width: 767px){.profile-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.profile-label{font-size:.9rem;color:var(--color-text-muted)}.profile-value{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.profile-link{color:var(--color-primary);text-decoration:none;font-size:.8rem}.profile-link:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:rgba(34,197,94,.15);color:var(--color-success)}.status-badge--success{background:rgba(34,197,94,.15);color:var(--color-success)}.status-badge--warning{background:rgba(237,137,54,.08);color:var(--color-warning)}.status-badge--error{background:rgba(220,38,38,.08);color:var(--color-error)}.preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width: 767px){.preferences-grid{grid-template-columns:1fr}}.preference-group label{display:block;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.8rem}.theme-buttons{display:flex;gap:var(--space-2)}.theme-btn{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,0);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-20)}.theme-btn--light,.theme-btn[data-theme=sage]{background:linear-gradient(135deg, #6B8F71 0%, #567359 100%)}.theme-btn--dark,.theme-btn[data-theme=charcoal]{background:linear-gradient(135deg, #3A3D3A 0%, #1C1E1C 100%)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--space-3)}.checkbox-item input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-label{font-weight:500;color:var(--color-text-primary);cursor:pointer;display:block}.checkbox-desc{font-size:.8rem;color:var(--color-text-muted);margin:2px 0 0 0}.section-content .support-links{display:flex;gap:2rem;flex-wrap:wrap;padding:0;background:none}.support-link{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);text-decoration:none;font-weight:500;font-size:.9rem}.support-link:hover{text-decoration:underline}.plan-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-4)}@media(max-width: 767px){.plan-grid{grid-template-columns:1fr}}.plan-option{border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;position:relative;display:flex;flex-direction:column;background:var(--color-bg-card);transition:all var(--transition-fast)}.plan-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-option--current{border-color:var(--color-primary);background:var(--color-primary-05)}.plan-option--popular{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.plan-popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:var(--color-white);font-size:.75rem;font-weight:600;padding:4px var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.plan-current-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:var(--color-white);font-size:.75rem;font-weight:600;padding:4px var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.plan-option-name{font-weight:700;font-size:1.1rem;color:var(--color-text-primary);margin-bottom:var(--space-1);margin-top:var(--space-2)}.plan-option-price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.plan-option-period{font-size:.8rem;font-weight:400;color:var(--color-text-muted)}.plan-option-features{list-style:none;padding:0;margin:0 0 var(--space-4) 0;font-size:.8rem;color:var(--color-text-secondary);text-align:left;flex-grow:1;align-self:center}.plan-option-features li{padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}.plan-option-features li::before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.plan-option-btn{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:2px solid var(--color-primary);background:rgba(0,0,0,0);color:var(--color-primary)}.plan-option-btn:hover:not(.plan-option-btn--current):not(.plan-option-btn--upgrade){background:var(--color-primary);color:var(--color-white)}.plan-option-btn--current{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary);cursor:default;opacity:.7}.plan-option-btn--upgrade{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.plan-option-btn--upgrade:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(196,112,74,.3)}.plan-billing-link{color:var(--color-text-muted);font-size:.8rem;text-decoration:none}.plan-billing-link:hover{color:var(--color-primary);text-decoration:underline}.account-footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:.5rem;text-align:center;font-size:.7rem;color:var(--color-gray-500);margin-top:var(--space-6)}.account-footer a{color:var(--color-primary);text-decoration:none;margin:0 .5rem}.account-footer a:hover{color:var(--color-primary)}.footer-copyright{display:inline;margin:0 .5rem}.form-select{width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text-primary);font-size:.9rem;cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B8F71'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:20px}.form-select:hover{border-color:var(--color-primary)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.admin-page__header{text-align:center;margin-bottom:var(--space-8)}.admin-page__header h1{color:var(--color-gray-700);margin-bottom:var(--space-2)}.admin-page__header .admin-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:500;font-size:.8rem}.admin-dashboard{display:grid;gap:var(--space-6)}@media(min-width: 768px){.admin-dashboard{grid-template-columns:1fr 1fr}.admin-dashboard__section--full{grid-column:1/-1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal);text-align:center}.stat-card__value{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.stat-card__label{color:var(--color-gray-600);font-weight:500}.stat-card__change{font-size:.8rem;margin-top:var(--space-2)}.stat-card__change--positive{color:#48bb78}.stat-card__change--negative{color:#ef4444}.admin-section{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal)}.admin-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.admin-section__header h2{margin:0;color:var(--color-gray-700);font-size:1.5rem}.admin-section__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}@media(max-width: 767px){.admin-section__actions{flex-direction:column}.admin-section__actions button{width:100%}}.user-list__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.user-list__item:last-child{margin-bottom:0}.user-list__info{flex:1}.user-list__info-name{font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-1)}.user-list__info-email{color:var(--color-gray-500);font-size:.8rem}.user-list__status{margin-right:var(--space-4)}.user-list__status .subscription-info__status{margin:0}.user-list__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.user-list__actions button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.user-list__actions button:hover{text-decoration:none}.user-list__actions button:focus{outline:none}.user-list__actions button:disabled{cursor:not-allowed;opacity:.5}.user-list__actions button{padding:var(--space-1) var(--space-2);font-size:.75rem}.system-health__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.system-health__item:last-child{border-bottom:none}.system-health__label{color:var(--color-gray-600);font-weight:500}.system-health__value{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.system-health__value--good{color:#48bb78}.system-health__value--warning{color:#ed8936}.system-health__value--error{color:#ef4444}.recent-activity__item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.recent-activity__item:last-child{border-bottom:none}.recent-activity__message{color:var(--color-gray-700);margin-bottom:var(--space-1)}.recent-activity__time{color:var(--color-gray-500);font-size:.8rem}body.marketing-page{padding-top:0;background:var(--color-bg-page)}.hero-a{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden}.hero-a--short{min-height:auto}.hero-a--short .hero-content-a{text-align:center;max-width:800px;margin:0 auto;padding:calc(60px + 4rem) var(--space-6) 4rem}.hero-a--short .hero-content-a h1{font-size:2.5rem;margin-bottom:var(--space-4)}.hero-a--short .hero-content-a p{margin-bottom:0;font-size:1.15rem}.hero-a--short .hero-overlay{background:var(--color-primary-85)}.hero-bg{position:absolute;inset:0;background-image:url("/images/buttons-background-v2.webp");background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, var(--color-primary-92) 0%, var(--color-primary-70) 35%, var(--color-primary-35) 55%, transparent 100%)}.hero-content-a{position:relative;z-index:10;max-width:580px;padding:var(--space-16);padding-top:7rem}.hero-content-a h1{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:3.25rem;font-weight:800;color:var(--color-white);margin-bottom:var(--space-6);text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.15}.hero-content-a p{font-size:1.25rem;color:hsla(0,0%,100%,.95);margin-bottom:var(--space-8);line-height:1.7}.hero-ctas{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:var(--space-6);color:hsla(0,0%,100%,.9);font-size:.9rem;flex-wrap:wrap}.hero-trust span{display:flex;align-items:center;gap:.4rem}.hero-trust .check{color:#d4a574;font-weight:bold}.social-proof{background:var(--color-white);padding:var(--space-12) var(--space-6);border-bottom:1px solid #e2dfd8}.social-proof__container{max-width:1000px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;gap:var(--space-8);flex-wrap:wrap}.social-proof__stat{text-align:center;min-width:140px}.social-proof__number{display:block;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1.2;margin-bottom:var(--space-2)}.social-proof__label{display:block;font-size:.9rem;color:#7a7a7a;font-weight:500}@media(max-width: 640px){.social-proof{padding:var(--space-8) var(--space-4)}.social-proof__container{gap:var(--space-6)}.social-proof__stat{flex:1 1 45%;min-width:120px}.social-proof__number{font-size:2rem}}.marketing-page .btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;font-family:inherit}.marketing-page .btn-cta:hover{transform:translateY(-2px);text-decoration:none}.marketing-page .btn-cta-primary{background:#c4704a;color:var(--color-white)}.marketing-page .btn-cta-primary:hover{background:#a85d3b;box-shadow:var(--shadow-lg)}.marketing-page .btn-cta-lg{padding:1rem 2rem;font-size:1.1rem}.btn-outline-white{background:rgba(0,0,0,0);border:2px solid var(--color-white);color:var(--color-white)}.btn-outline-white:hover{background:hsla(0,0%,100%,.1)}.btn-white{background:var(--color-white);color:var(--color-primary-dark)}.btn-white:hover{background:#f7f6f3;transform:translateY(-2px)}.nav-marketing{padding:var(--space-2) var(--space-6);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .3s ease,border-bottom .3s ease,box-shadow .3s ease}.nav-marketing.nav-transparent{background:linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);backdrop-filter:blur(8px);border-bottom:none}.nav-marketing.nav-solid{background:hsla(0,0%,100%,.97);backdrop-filter:blur(10px);border-bottom:1px solid #e2dfd8;box-shadow:0 2px 8px rgba(0,0,0,.08)}.nav-marketing__logo{display:flex;align-items:center;gap:.6rem;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:1.6rem;text-decoration:none;transition:color .3s ease;color:var(--color-primary)}.nav-transparent .nav-marketing__logo{color:var(--color-white)}.nav-marketing__logo-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;transition:background .3s ease,color .3s ease;background:var(--color-primary);color:var(--color-white)}.nav-transparent .nav-marketing__logo-icon{background:var(--color-white);color:var(--color-primary)}.nav-marketing__links{display:flex;align-items:center;gap:2.5rem}.nav-marketing__links a{text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease,opacity .2s ease}.nav-marketing__links a:not(.btn-cta){color:#5c5c5c}.nav-marketing__links a:not(.btn-cta):hover{color:var(--color-primary)}.nav-transparent .nav-marketing__links a:not(.btn-cta){color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4)}.nav-transparent .nav-marketing__links a:not(.btn-cta):hover{opacity:.85}.nav-marketing__mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.nav-marketing__mobile-toggle span{display:block;width:100%;height:3px;border-radius:2px;transition:transform .3s ease,opacity .3s ease,background .3s ease;background:#3d3d3d}.nav-transparent .nav-marketing__mobile-toggle span{background:var(--color-white)}.nav-marketing__mobile-toggle--open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.nav-marketing__mobile-toggle--open span:nth-child(2){opacity:0}.nav-marketing__mobile-toggle--open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}@media(max-width: 768px){.hero-a{min-height:550px}.hero-content-a{padding:var(--space-8);padding-top:6rem}.hero-content-a h1{font-size:2.25rem}.hero-content-a p{font-size:1.1rem}.hero-ctas{flex-direction:column}.hero-ctas .btn-cta{width:100%;justify-content:center}.hero-trust{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.nav-marketing{padding:var(--space-3) var(--space-4)}.nav-marketing__mobile-toggle{display:flex}.nav-marketing__links{position:fixed;top:60px;left:0;right:0;flex-direction:column;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:var(--color-white);box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-marketing__links a{display:block;width:100%;padding:var(--space-4) var(--space-6);text-align:center;border-bottom:1px solid #e2dfd8;color:#3d3d3d !important;text-shadow:none !important}.nav-marketing__links a:hover{background:#f7f6f3;color:var(--color-primary) !important}.nav-marketing__links .btn-cta{margin:var(--space-4);width:calc(100% - var(--space-8))}.nav-marketing__links--open{max-height:400px;padding:var(--space-2) 0}}.hero-section{text-align:center;padding:var(--space-16) 0;background:var(--gradient-primary);color:var(--color-white)}.hero-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.hero-section__title{font-size:4rem;font-weight:700;margin-bottom:var(--space-6)}@media(max-width: 767px){.hero-section__title{font-size:2.5rem}}.hero-section__subtitle{font-size:1.5rem;opacity:.9;margin-bottom:var(--space-8)}@media(max-width: 767px){.hero-section__subtitle{font-size:1.2rem}}.hero-section__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.hero-section__cta .btn{font-size:1.2rem;padding:var(--space-4) var(--space-8)}@media(max-width: 767px){.hero-section__cta .btn{width:100%;margin-bottom:var(--space-3)}}.hero-section__features{opacity:.8;margin-top:var(--space-8)}.features-section{padding:var(--space-16) 0;background:var(--color-white)}.features-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.features-section__header{text-align:center;margin-bottom:var(--space-12)}.features-section__header h2{font-size:2.5rem;color:var(--color-gray-700);margin-bottom:var(--space-4)}@media(max-width: 767px){.features-section__header h2{font-size:2rem}}.features-section__header p{font-size:1.2rem;color:var(--color-gray-600)}.features-section__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-8)}@media(min-width: 768px)and (max-width: 1023px){.features-section__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.features-section__grid{grid-template-columns:1fr;gap:var(--space-6)}}.feature-card{text-align:center;padding:var(--space-10);border-radius:var(--radius-xl);background:var(--color-primary-05);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:108px;height:108px;margin:0 auto var(--space-3);background:rgba(var(--color-primary), 0.15);border-radius:var(--radius-xl);font-size:3.5rem}.feature-card__title{font-size:1.5rem;font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-4)}.feature-card__description{color:var(--color-gray-600);line-height:1.7;font-size:1.1rem}.how-it-works-section{padding:var(--space-16) 0;background:var(--color-gray-50);overflow:hidden}.how-it-works-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);box-sizing:border-box}.how-it-works-section__header{text-align:center;margin-bottom:var(--space-12)}.how-it-works-section__header h2{font-size:2.5rem;color:var(--color-gray-700);margin-bottom:var(--space-3)}@media(max-width: 767px){.how-it-works-section__header h2{font-size:2rem}}.how-it-works-section__header p{font-size:1.2rem;color:var(--color-gray-600)}.how-it-works-section__steps{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-8);position:relative}.how-it-works-section__steps::before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:rgba(var(--color-primary), 0.3);z-index:0}@media(max-width: 1024px){.how-it-works-section__steps{grid-template-columns:repeat(2, 1fr);gap:var(--space-6)}.how-it-works-section__steps::before{display:none}}@media(max-width: 767px){.how-it-works-section__steps{grid-template-columns:1fr}}.how-it-works-section__cta{text-align:center;margin-top:var(--space-12);display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.step{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.step__number{width:56px;height:56px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto var(--space-4);position:relative;z-index:2;flex-shrink:0}.step__content{flex-shrink:0;min-height:100px;display:flex;flex-direction:column;justify-content:flex-start}.step__title{font-size:1.1rem;font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.step__description{color:var(--color-gray-600);font-size:.8rem;line-height:1.5}.step__image{margin-top:auto;padding-top:var(--space-4)}.img-placeholder{background:linear-gradient(135deg, var(--color-gray-200) 0%, var(--color-gray-300) 100%);border:2px dashed var(--color-gray-400);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--color-gray-500);font-size:.8rem;gap:var(--space-2)}.img-placeholder__file{font-family:monospace;font-size:.75rem;background:var(--color-gray-700);color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.img-placeholder__size{font-size:.75rem;color:var(--color-gray-400)}.img-placeholder--light{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8)}.img-placeholder--light .img-placeholder__file{background:hsla(0,0%,100%,.9);color:var(--color-primary-dark)}.img-placeholder--light .img-placeholder__size{color:hsla(0,0%,100%,.6)}.ai-tools-section{padding:var(--space-16) 0;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white)}.ai-tools-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.ai-tools-section__header{text-align:center;margin-bottom:var(--space-12)}.ai-tools-section__header h2{font-size:2.5rem;color:var(--color-white);margin-bottom:var(--space-3)}@media(max-width: 767px){.ai-tools-section__header h2{font-size:2rem}}.ai-tools-section__header p{font-size:1.2rem;color:hsla(0,0%,100%,.85)}.ai-tools-section__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-8)}@media(max-width: 1024px){.ai-tools-section__grid{grid-template-columns:1fr;gap:var(--space-6)}}.ai-card{background:hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:var(--space-10);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);display:flex;flex-direction:column;text-align:center}.ai-card__icon{font-size:4rem;margin-bottom:var(--space-4)}.ai-card__title{font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:var(--space-3)}.ai-card__description{color:hsla(0,0%,100%,.85);font-size:1.1rem;line-height:1.6;margin-bottom:var(--space-4)}.ai-card__image{margin-top:auto}.benefits-section{padding:var(--space-16) 0;background:var(--color-bg-page)}.benefits-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.benefits-section__header{text-align:center;margin-bottom:var(--space-12)}.benefits-section__header h2{font-size:2.5rem;color:var(--color-gray-700);margin-bottom:var(--space-3)}@media(max-width: 767px){.benefits-section__header h2{font-size:2rem}}.benefits-section__header p{font-size:1.2rem;color:var(--color-gray-600)}.benefits-section__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-8)}@media(max-width: 1024px){.benefits-section__grid{grid-template-columns:1fr;gap:var(--space-6)}}.benefit-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);text-align:center}.benefit-card__icon{font-size:3rem;margin-bottom:var(--space-4)}.benefit-card__title{font-size:1.2rem;font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-3)}.benefit-card__text{font-size:.9rem;color:var(--color-gray-600);line-height:1.6}.pricing-preview-section{padding:var(--space-16) 0;background:var(--color-white)}.pricing-preview-section__container{max-width:1000px;margin:0 auto;padding:0 var(--space-6)}.pricing-preview-section__header{text-align:center;margin-bottom:var(--space-12)}.pricing-preview-section__header h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;color:var(--color-gray-700);margin-bottom:var(--space-3)}@media(max-width: 767px){.pricing-preview-section__header h2{font-size:2rem}}.pricing-preview-section__header p{font-size:1.2rem;color:var(--color-gray-600)}.pricing-preview-section__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-6)}@media(max-width: 1024px){.pricing-preview-section__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-preview-section__footer{text-align:center;margin-top:var(--space-8);color:var(--color-gray-500);font-size:.9rem}.pricing-preview-section__footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.pricing-preview-section__footer a:hover{color:var(--color-primary-dark)}.pricing-preview-card{background:var(--color-bg-page);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;border:2px solid var(--color-gray-200);transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative}.pricing-preview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-preview-card--featured{background:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.pricing-preview-card--featured:hover{transform:translateY(-4px)}.pricing-preview-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:var(--color-white);font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pricing-preview-card__tier{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-2)}.pricing-preview-card__price{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-1)}.pricing-preview-card__price span{font-size:.9rem;font-weight:500;color:var(--color-gray-500)}.pricing-preview-card__desc{color:var(--color-gray-500);font-size:.8rem;margin-bottom:var(--space-6)}.pricing-preview-card__features{list-style:none;text-align:left;margin-bottom:var(--space-8);flex-grow:1}.pricing-preview-card__features li{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:.8rem;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200)}.pricing-preview-card__features li:last-child{border-bottom:none}.pricing-preview-card__features li .check{color:var(--color-primary);font-weight:bold;flex-shrink:0}.pricing-preview-card .btn-cta{width:100%;margin-top:auto}.btn-cta-outline{background:rgba(0,0,0,0);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-cta-outline:hover{background:rgba(var(--color-primary), 0.08)}.pricing-section{padding:var(--space-16) 0;background:var(--color-gray-50)}.pricing-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.pricing-section__header{text-align:center;margin-bottom:var(--space-12)}.pricing-section__header h2{font-size:2.5rem;color:var(--color-gray-700);margin-bottom:var(--space-4)}@media(max-width: 767px){.pricing-section__header h2{font-size:2rem}}.pricing-section__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-8)}@media(max-width: 767px){.pricing-section__grid{grid-template-columns:1fr;gap:var(--space-6)}}.pricing-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal);text-align:center;position:relative;transition:all var(--transition-normal)}.pricing-card--featured{border-color:var(--color-primary);transform:scale(1.05)}.pricing-card--featured::before{content:"Most Popular";position:absolute;background:var(--gradient-primary);color:var(--color-white);font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);z-index:2;box-shadow:var(--shadow-sm);top:var(--space-2);right:var(--space-2);top:-10px;right:50%;transform:translateX(50%)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card:hover.pricing-card--featured{transform:translateY(-4px) scale(1.05)}.pricing-card__name{font-size:1.5rem;font-weight:700;color:var(--color-gray-700);margin-bottom:var(--space-4)}.pricing-card__price{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-6)}.pricing-card__price small{font-size:1.1rem;color:var(--color-gray-500)}.pricing-card__features{list-style:none;margin-bottom:var(--space-8)}.pricing-card__features li{padding:var(--space-2) 0;color:var(--color-gray-600)}.pricing-card__features li::before{content:"✓";color:#48bb78;font-weight:700;margin-right:var(--space-3)}.pricing-card__cta{margin-top:auto}.pricing-card__cta .btn{width:100%}.cta-section{padding:var(--space-16) 0;background:var(--gradient-primary);color:var(--color-white);text-align:center}.cta-section__container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.cta-section__title{font-size:2.5rem;margin-bottom:var(--space-4)}@media(max-width: 767px){.cta-section__title{font-size:2rem}}.cta-section__subtitle{font-size:1.2rem;margin-bottom:var(--space-8);opacity:.9}@media(max-width: 767px){.cta-section__subtitle{font-size:1.1rem}}.cta-section__buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media(max-width: 767px){.cta-section__buttons{flex-direction:column}.cta-section__buttons .btn{width:100%}}.cta-section__features{margin-top:var(--space-8);opacity:.8}.testimonials-section{padding:var(--space-16) 0;background:var(--color-white)}.testimonials-section__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.testimonials-section__header{text-align:center;margin-bottom:var(--space-12)}.testimonials-section__header h2{font-size:2.5rem;color:var(--color-gray-700);margin-bottom:var(--space-4)}.testimonials-section__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--space-8)}@media(max-width: 767px){.testimonials-section__grid{grid-template-columns:1fr;gap:var(--space-6)}}.testimonial-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal)}.testimonial-card__quote{font-style:italic;font-size:1.1rem;color:var(--color-gray-600);margin-bottom:var(--space-6);line-height:1.6}.testimonial-card__quote::before{content:'"';font-size:2.5rem;color:var(--color-primary);line-height:1}.testimonial-card__quote::after{content:'"';font-size:2.5rem;color:var(--color-primary);line-height:1}.testimonial-card__author{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.testimonial-card__author-avatar{width:50px;height:50px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700}.testimonial-card__author-info-name{font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-1)}.testimonial-card__author-info-title{color:var(--color-gray-500);font-size:.8rem}.login-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.login-btn:hover{text-decoration:none}.login-btn:focus{outline:none}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-btn{padding:var(--space-3) var(--space-6);font-size:.9rem;background:var(--color-gray-100);color:var(--color-gray-700)}.login-btn:hover:not(:disabled){background:var(--color-gray-200);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-btn:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.login-btn{text-decoration:none}.login-btn:hover{text-decoration:none}.mobile-auth-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-normal);text-align:center;display:inline-flex;align-items:center;justify-content:center;outline:none;text-decoration:none}.mobile-auth-btn:hover{text-decoration:none}.mobile-auth-btn:focus{outline:none}.mobile-auth-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-auth-btn{padding:var(--space-4) var(--space-6);font-size:.9rem;width:100%;text-decoration:none}.mobile-auth-btn.primary{background:var(--color-primary);color:var(--color-white)}.mobile-auth-btn.primary:hover:not(:disabled){filter:brightness(0.92);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mobile-auth-btn.primary:active:not(:disabled){transform:translateY(0);filter:brightness(0.88)}.mobile-auth-btn:hover{text-decoration:none}.final-cta-section{padding:var(--space-20) 0;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);text-align:center}.final-cta-section__container{margin:0 auto;padding:0 var(--space-6)}.final-cta-section h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;color:var(--color-white);margin-bottom:var(--space-4);line-height:1.2}@media(max-width: 767px){.final-cta-section h2{font-size:2rem}}.final-cta-section p{font-size:1.2rem;color:hsla(0,0%,100%,.9);margin-bottom:var(--space-8);line-height:1.6}@media(max-width: 767px){.final-cta-section p{font-size:1.1rem}}.final-cta-section .btn-white{background:var(--color-white);color:var(--color-primary-dark);font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.15)}.final-cta-section .btn-white:hover{background:#f7f6f3;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.final-cta-section__trust{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);color:hsla(0,0%,100%,.9);font-size:.9rem;flex-wrap:wrap}.final-cta-section__trust span{display:flex;align-items:center;gap:.4rem}.final-cta-section__trust .check{color:#d4a574;font-weight:bold}@media(max-width: 767px){.final-cta-section__trust{flex-direction:column;gap:var(--space-2)}}.site-footer{background:#2d3d33;color:hsla(0,0%,100%,.85);padding:var(--space-16) 0 var(--space-8)}.site-footer__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.site-footer__columns{display:grid;grid-template-columns:2fr repeat(3, 1fr);gap:var(--space-12);margin-bottom:var(--space-12)}@media(max-width: 1024px){.site-footer__columns{grid-template-columns:repeat(2, 1fr);gap:var(--space-8)}}@media(max-width: 767px){.site-footer__columns{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width: 767px){.site-footer__brand{text-align:center}}.site-footer__logo{display:inline-flex;align-items:center;gap:.5rem;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:1.5rem;color:#fff;text-decoration:none;margin-bottom:var(--space-4);transition:opacity .2s ease}.site-footer__logo:hover{opacity:.85}.site-footer__logo-icon{width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800}.site-footer__tagline{font-size:.8rem;line-height:1.7;max-width:280px}.site-footer p.site-footer__tagline,.site-footer p.site-footer__copyright{color:hsla(0,0%,100%,.7)}@media(max-width: 767px){.site-footer p.site-footer__tagline,.site-footer p.site-footer__copyright{max-width:100%}}@media(max-width: 767px){.site-footer__column{text-align:center}}.site-footer__column h4{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.site-footer__column ul{list-style:none}.site-footer__column li{margin-bottom:var(--space-2)}.site-footer__column a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.8rem;transition:color .2s ease}.site-footer__column a:hover{color:#fff}.site-footer__bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}@media(max-width: 767px){.site-footer__bottom{flex-direction:column;text-align:center}}.site-footer__copyright{font-size:.8rem;color:hsla(0,0%,100%,.5)}.site-footer__legal{display:flex;gap:var(--space-6)}.site-footer__legal a{font-size:.8rem;color:hsla(0,0%,100%,.5);text-decoration:none;transition:color .2s ease}.site-footer__legal a:hover{color:hsla(0,0%,100%,.8)}.features-hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);padding:calc(60px + 4rem) 0 3rem;text-align:center}.features-hero__container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.features-hero h1{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4);line-height:1.2}@media(max-width: 767px){.features-hero h1{font-size:2rem}}.features-hero p{font-size:1.2rem;opacity:.9}@media(max-width: 767px){.features-hero p{font-size:1.1rem}}.feature-block{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .3s ease;position:relative}.feature-block:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(var(--color-primary), 0.12);border-color:var(--color-primary)}.feature-block__icon{font-size:2.5rem;margin-bottom:var(--space-4)}.feature-block__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feature-block__description{font-size:.8rem;color:var(--color-text-muted);line-height:1.6}.feature-block__badge{display:inline-block;margin-top:var(--space-3);padding:.25rem .5rem;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.ai-bucket{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:all .3s ease}.ai-bucket:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(var(--color-primary), 0.12)}.ai-bucket__header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);padding:var(--space-3) var(--space-4)}.ai-bucket__label{color:var(--color-white);font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.ai-bucket__content{padding:var(--space-6)}.ai-bucket__content h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.ai-bucket__content p{font-size:.8rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-4)}.ai-bucket__placeholder{background:var(--color-bg-section);border-radius:var(--radius-md);padding:var(--space-8) var(--space-4);text-align:center;border:2px dashed rgba(var(--color-primary), 0.3)}.ai-bucket__placeholder span{color:var(--color-text-muted);font-size:.8rem}.comparison-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.08)}.comparison-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--color-white)}.comparison-table th,.comparison-table td{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--color-border)}.comparison-table thead th{background:var(--color-gray-200);font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;color:var(--color-text-primary)}.comparison-table thead th small{display:block;font-weight:500;opacity:.9;margin-top:.25rem}.comparison-table thead th:first-child{background:#2d3d33;color:var(--color-white);text-align:left;border-radius:var(--radius-md) 0 0 0;border-right:2px solid var(--color-gray-300)}.comparison-table thead th:last-child{border-radius:0 var(--radius-md) 0 0}.comparison-table tbody td{background:var(--color-white);color:var(--color-text-secondary)}.comparison-table tbody td:first-child{text-align:left;font-weight:500;color:var(--color-text-primary);border-right:2px solid var(--color-gray-300)}.comparison-table tbody tr:hover{background:rgba(var(--color-primary), 0.03)}.comparison-table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-md)}.comparison-table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-md) 0}.comparison-table__highlight{background:rgba(var(--color-primary), 0.06) !important}.comparison-table .check{color:var(--color-primary);font-weight:bold;font-size:1.2rem}.comparison-table .cross{color:#e53e3e;font-size:1.2rem}.comparison-table__row--section td{background:var(--color-gray-200) !important;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);text-align:left !important;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-gray-300);border-right:none !important}.comparison-table__yes{color:var(--color-primary);font-weight:700}.comparison-table__no{color:#dc2626}.comparison-section{padding:var(--space-16) 0;background:var(--color-bg-section)}.comparison-section__container{max-width:900px;margin:0 auto;padding:0 var(--space-6)}.comparison-section__header{text-align:center;margin-bottom:var(--space-10)}.comparison-section__header h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.comparison-section__header p{font-size:1.1rem;color:var(--color-text-muted)}.specs-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-6)}@media(max-width: 1024px){.specs-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.specs-grid{grid-template-columns:1fr}}.spec-card{background:var(--color-white);padding:var(--space-5);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s ease}.spec-card:hover{border-left-color:var(--color-accent);box-shadow:0 4px 12px rgba(var(--color-primary), 0.1);transform:translateX(2px)}.spec-card__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.spec-card__value{font-size:.8rem;color:var(--color-text-muted)}.marketing-nav--solid{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);box-shadow:0 2px 10px rgba(0,0,0,.1)}.feature-deep-dive{padding:var(--space-16) var(--space-6);max-width:1200px;margin:0 auto}.feature-deep-dive--sage{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);max-width:none;padding-left:var(--space-6);padding-right:var(--space-6)}.feature-deep-dive--sage .feature-deep-dive__header,.feature-deep-dive--sage .feature-deep-dive__note,.feature-deep-dive--sage .feature-deep-dive__summary{max-width:1200px;margin-left:auto;margin-right:auto}.feature-deep-dive--sage .feature-row{max-width:1200px;margin-left:auto;margin-right:auto}.feature-deep-dive--alt{background:var(--color-bg-section);max-width:none;padding-left:var(--space-6);padding-right:var(--space-6)}.feature-deep-dive--alt .feature-deep-dive__header,.feature-deep-dive--alt .feature-deep-dive__summary{max-width:1200px;margin-left:auto;margin-right:auto}.feature-deep-dive--alt .feature-row{max-width:1200px;margin-left:auto;margin-right:auto}.feature-deep-dive__header{text-align:center;margin-bottom:var(--space-12)}.feature-deep-dive__header h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.25rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-3)}.feature-deep-dive__header p{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.feature-deep-dive__header--light h2,.feature-deep-dive__header--light p{color:var(--color-white)}.feature-deep-dive__header--light p{opacity:.9}.feature-deep-dive__note{text-align:center;font-size:.8rem;color:var(--color-white) !important;margin-top:var(--space-8);padding:var(--space-4);background:hsla(0,0%,100%,.15);border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.2)}.feature-deep-dive__summary{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-10);background:linear-gradient(135deg, rgba(var(--color-primary), 0.1) 0%, rgba(var(--color-primary), 0.05) 100%);border-radius:var(--radius-lg);border:2px solid rgba(var(--color-primary), 0.2);box-sizing:border-box}.feature-deep-dive__summary p{margin:0;text-align:center;font-size:1.25rem !important;color:var(--color-text-primary) !important;font-weight:500;line-height:1.6}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-bottom:var(--space-16)}.feature-row:last-child{margin-bottom:0}.feature-row--reverse .feature-row__image{order:2}.feature-row--reverse .feature-row__content{order:1}.feature-row--on-dark .feature-row__content h3,.feature-row--on-dark .feature-row__content p{color:var(--color-white)}.feature-row--on-dark .feature-row__content p{opacity:.95}.feature-row__image{width:100%}.feature-row__content h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.feature-row__content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.feature-row__content p:last-of-type{margin-bottom:var(--space-6)}.feature-row__compare{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.feature-row__compare--light .compare-item{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.9)}.feature-row__compare--light .compare-item strong{color:var(--color-white)}.feature-row__tier{display:inline-block;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:rgba(var(--color-primary), 0.1);color:var(--color-primary-dark);font-size:.8rem;font-weight:600;border-radius:var(--radius-full)}@media(max-width: 900px){.feature-row{grid-template-columns:1fr;gap:var(--space-6)}.feature-row--reverse .feature-row__image{order:1}.feature-row--reverse .feature-row__content{order:2}}.compare-item{padding:var(--space-3) var(--space-4);background:rgba(var(--color-accent), 0.05);border:1px solid rgba(var(--color-accent), 0.2);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.compare-item strong{color:var(--color-accent-dark);font-weight:600}.img-placeholder{width:100%;aspect-ratio:3/2;background:linear-gradient(135deg, #EFEDE8 0%, #E5E2DC 100%);border:2px dashed rgba(var(--color-text-muted), 0.3);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.8rem}.img-placeholder__file{font-family:monospace;font-size:.75rem;background:rgba(var(--color-primary), 0.1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-primary-dark)}.img-placeholder__size{font-size:.7rem;opacity:.6}.img-placeholder--light{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7)}.img-placeholder--light .img-placeholder__file{background:hsla(0,0%,100%,.2);color:var(--color-white)}.comparison-table--tools .comparison-table__winner{background:rgba(var(--color-primary), 0.1);color:var(--color-primary-dark);font-weight:600}.comparison-table--tools thead .comparison-table__winner{background:var(--color-primary);color:var(--color-white)}@media(max-width: 768px){.comparison-table--tools{font-size:.8rem}.comparison-table--tools th,.comparison-table--tools td{padding:var(--space-3)}}.pricing-page{padding:var(--space-16) 0;background:var(--color-bg-section)}.pricing-page__container{max-width:1100px;margin:0 auto;padding:0 var(--space-6)}.pricing-page__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-6);align-items:stretch}@media(max-width: 900px){.pricing-page__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-page__guarantee{text-align:center;margin-top:var(--space-12);padding-top:var(--space-4);color:var(--color-text-muted);font-size:.8rem;position:relative;z-index:0}.pricing-tier{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;transition:all .3s ease;position:relative}.pricing-tier:hover{border-color:var(--color-primary);box-shadow:0 8px 30px rgba(var(--color-primary), 0.15);transform:translateY(-4px)}.pricing-tier--featured{border-color:var(--color-primary);background:var(--color-white);transform:scale(1.05);z-index:1;box-shadow:0 8px 30px rgba(var(--color-primary), 0.2)}.pricing-tier--featured:hover{transform:scale(1.05) translateY(-4px)}@media(max-width: 900px){.pricing-tier--featured{transform:none;order:-1}.pricing-tier--featured:hover{transform:translateY(-4px)}}.pricing-tier__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);font-size:.75rem;font-weight:700;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pricing-tier__header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.pricing-tier__name{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.pricing-tier__price{margin-bottom:var(--space-2)}.pricing-tier__amount{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:3rem;font-weight:800;color:var(--color-primary-dark)}.pricing-tier__period{font-size:1.1rem;color:var(--color-text-muted)}.pricing-tier__tagline{color:var(--color-text-muted);font-size:.8rem}.pricing-tier__features{list-style:none;padding:0;margin:0 0 var(--space-8) 0;flex-grow:1}.pricing-tier__features li{padding:var(--space-3) 0;color:var(--color-text-secondary);font-size:.8rem;border-bottom:1px solid rgba(var(--color-border), 0.5);display:flex;align-items:center;gap:var(--space-3)}.pricing-tier__features li::before{content:"✓";color:var(--color-primary);font-weight:700;flex-shrink:0}.pricing-tier__features li:last-child{border-bottom:none}.pricing-tier__features li strong{color:var(--color-text-primary)}.pricing-tier__feature--muted{color:var(--color-text-muted) !important}.pricing-tier__feature--muted::before{content:"•" !important;color:var(--color-text-muted) !important}.pricing-tier__cta{margin-top:auto}.pricing-tier__cta .btn-cta{width:100%;justify-content:center}.persona-guide{padding:var(--space-16) 0;background:var(--color-white)}.persona-guide__container{max-width:1100px;margin:0 auto;padding:0 var(--space-6)}.persona-guide__header{text-align:center;margin-bottom:var(--space-12)}.persona-guide__header h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.persona-guide__header p{font-size:1.1rem;color:var(--color-text-muted)}.persona-guide__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-8)}@media(max-width: 900px){.persona-guide__grid{grid-template-columns:1fr}}.persona-card{background:var(--color-bg-section);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;border:2px solid rgba(0,0,0,0);transition:all .3s ease}.persona-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 30px rgba(var(--color-primary), 0.12)}.persona-card--featured{border-color:rgba(var(--color-primary), 0.3);background:linear-gradient(180deg, rgba(var(--color-primary), 0.08) 0%, var(--color-bg-section) 100%)}.persona-card__icon{font-size:3rem;margin-bottom:var(--space-4)}.persona-card__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.persona-card__description{color:var(--color-text-muted);font-size:.8rem;line-height:1.6;margin-bottom:var(--space-6)}.persona-card__link{color:var(--color-primary-dark);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.persona-card__link:hover{color:var(--color-primary)}.persona-card__link::after{content:"→"}.faq-section{padding:var(--space-16) 0;background:var(--color-bg-section)}.faq-section__container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.faq-section__header{text-align:center;margin-bottom:var(--space-12)}.faq-section__header h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;font-weight:700;color:var(--color-text-primary)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:var(--color-primary)}.faq-item__question{width:100%;padding:var(--space-5) var(--space-6);background:var(--color-white);border:none;text-align:left;font-size:.9rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);transition:background .2s ease}.faq-item__question:hover{background:var(--color-bg-section)}.faq-item__icon{font-size:1.5rem;color:var(--color-primary);flex-shrink:0;transition:transform .3s ease}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item__answer p{padding:0 var(--space-6) var(--space-5);color:var(--color-text-secondary);line-height:1.7}.faq-item--open{border-color:var(--color-primary)}.faq-item--open .faq-item__question{background:rgba(var(--color-primary), 0.05)}.faq-item--open .faq-item__icon{transform:rotate(45deg)}.faq-item--open .faq-item__answer{max-height:500px}.cta-section--sage{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white)}.cta-section--sage h2,.cta-section--sage p{color:var(--color-white)}.cta-section--sage p{opacity:.9}.support-hero{padding:var(--space-16) 0 var(--space-12);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);text-align:center}.support-hero__container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.support-hero__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:3rem;font-weight:800;color:var(--color-white);margin-bottom:var(--space-4)}@media(max-width: 767px){.support-hero__title{font-size:2.25rem}}.support-hero__subtitle{font-size:1.2rem;color:hsla(0,0%,100%,.9);margin:0}.support-contact{padding:var(--space-12) 0;background:var(--color-white)}.support-contact__container{max-width:600px;margin:0 auto;padding:0 var(--space-6)}.support-contact__card{background:var(--color-bg-section);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-lg)}.support-contact__card h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.support-contact__card p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.support-options{padding:var(--space-16) 0;background:var(--color-white)}.support-options__container{max-width:1000px;margin:0 auto;padding:0 var(--space-6)}.support-options__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-10)}.support-options__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-6)}@media(max-width: 767px){.support-options__grid{grid-template-columns:1fr}}.support-card{display:block;background:var(--color-bg-section);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;text-decoration:none;border:2px solid rgba(0,0,0,0);transition:all .3s ease}.support-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 30px rgba(var(--color-primary), 0.15);text-decoration:none}.support-card__icon{font-size:3rem;margin-bottom:var(--space-4)}.support-card__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.support-card__description{color:var(--color-text-muted);font-size:.8rem;line-height:1.6;margin:0}.support-links{padding:var(--space-12) 0;background:var(--color-bg-section)}.support-links__container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.support-links__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-8)}.support-links__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-4)}@media(max-width: 767px){.support-links__grid{grid-template-columns:repeat(2, 1fr)}}.support-link-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-decoration:none;transition:all .2s ease}.support-link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.support-link-card__icon{font-size:1.5rem}.support-link-card__text{font-size:.8rem;font-weight:600;color:var(--color-text-primary);text-align:center}.legal-content{padding:var(--space-12) 0 var(--space-16);background:var(--color-white)}.legal-content__container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.legal-content__updated{background:rgba(var(--color-primary), 0.08);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(var(--color-primary), 0.2);text-align:center;margin-bottom:var(--space-10);color:var(--color-primary-dark)}.legal-section{margin-bottom:var(--space-10)}.legal-section h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-bg-section)}.legal-section h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.15rem;font-weight:600;color:var(--color-text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.legal-section p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.legal-section ul{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4);padding-left:var(--space-6)}.legal-section ul li{margin-bottom:var(--space-2)}.legal-section ul strong{color:var(--color-text-primary)}.legal-section a{color:var(--color-primary);text-decoration:none;font-weight:500}.legal-section a:hover{color:var(--color-primary-dark);text-decoration:underline}.legal-callout{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.legal-callout--new{background:#fff5e6;border:1px solid #fbbf24;color:#92400e}.legal-callout--updated{background:rgba(var(--color-primary), 0.08);border:1px solid rgba(var(--color-primary), 0.3);color:var(--color-primary-dark)}.legal-callout--warning{background:#fff5f5;border:1px solid #e53e3e;border-left:4px solid #e53e3e;color:#742a2a}.legal-callout--info{background:#ebf8ff;border:1px solid #3182ce;border-left:4px solid #3182ce;color:#2a4365}.legal-callout--highlight{background:var(--color-bg-section);border:1px solid rgba(var(--color-primary), 0.3);border-left:4px solid var(--color-primary);color:var(--color-text-primary)}.legal-callout--ai{background:#f0fff4;border:1px solid #9ae6b4;color:#276749}.legal-callout strong{font-weight:700}.legal-callout ul{margin-bottom:0}.legal-toc{background:var(--color-bg-section);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.legal-toc h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.legal-toc ul{list-style:none;padding-left:0;margin:0;columns:2}@media(max-width: 767px){.legal-toc ul{columns:1}}.legal-toc li{margin-bottom:var(--space-2)}.legal-toc a{color:var(--color-primary);text-decoration:none;font-size:.8rem}.legal-toc a:hover{color:var(--color-primary-dark);text-decoration:underline}.legal-contact{background:var(--color-bg-section);padding:var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.legal-contact h3{margin-top:0}.about-intro{padding:var(--space-16) var(--space-6);background:var(--color-bg-page)}.about-intro__container{max-width:800px;margin:0 auto;text-align:center}.about-intro h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6)}.about-intro p{font-size:1.1rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-6)}.about-note{background:rgba(var(--color-accent), 0.1);border:1px solid rgba(var(--color-accent), 0.3);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:left;font-size:.8rem;color:var(--color-text-primary)}.about-note strong{color:var(--color-accent-dark)}.about-features{padding:var(--space-16) var(--space-6);background:#fff}.about-features__container{max-width:1000px;margin:0 auto}.about-features__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-6)}@media(max-width: 767px){.about-features__grid{grid-template-columns:1fr}}.about-feature-card{background:var(--color-bg-page);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.about-feature-card__icon{font-size:2.5rem;margin-bottom:var(--space-4)}.about-feature-card__title{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.about-feature-card__desc{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);margin:0}.about-audience{padding:var(--space-16) var(--space-6);background:var(--color-bg-section)}.about-audience__container{max-width:1000px;margin:0 auto;text-align:center}.about-audience h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-8)}.about-audience__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-5)}@media(min-width: 768px)and (max-width: 1023px){.about-audience__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.about-audience__grid{grid-template-columns:1fr}}.about-audience__item{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);text-align:left}.about-audience__item strong{display:block;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-2)}.about-audience__item span{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.about-process{padding:var(--space-16) var(--space-6);background:#fff}.about-process__container{max-width:800px;margin:0 auto;text-align:center}.about-process h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.about-process>p{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--space-8)}.about-process__steps{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.about-process__step{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--color-bg-page);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg)}.about-process__step div{flex:1}.about-process__step strong{display:block;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.about-process__step p{font-size:.8rem;color:var(--color-text-muted);margin:0}.about-process__number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:var(--color-primary);color:#fff;font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:1rem;border-radius:50%}.about-revenue{padding:var(--space-16) var(--space-6);background:var(--color-bg-section)}.about-revenue__container{max-width:800px;margin:0 auto}.about-revenue__card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 20px rgba(0,0,0,.06)}.about-revenue__card h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-top:0;margin-bottom:var(--space-4)}.about-revenue__card h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;color:var(--color-primary-dark);margin-top:var(--space-6);margin-bottom:var(--space-3)}.about-revenue__card p{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-4)}.about-revenue__card ul{list-style:none;padding-left:0;margin:0 0 var(--space-4)}.about-revenue__card li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-3);font-size:.8rem;line-height:1.6;color:var(--color-text-muted)}.about-revenue__card li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.about-revenue__card li strong{color:var(--color-text-primary)}.about-revenue__privacy{background:rgba(var(--color-primary), 0.08);border-radius:var(--radius-md);padding:var(--space-4);font-size:.8rem !important;margin-bottom:0 !important}.about-revenue__privacy strong{color:var(--color-primary-dark)}.about-business{padding:var(--space-16) var(--space-6);background:#fff}.about-business__container{max-width:800px;margin:0 auto}.about-business__card{background:var(--color-bg-page);border-radius:var(--radius-xl);padding:var(--space-8)}.about-business__card h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-top:0;margin-bottom:var(--space-4)}.about-business__card h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-primary-dark);margin-top:0;margin-bottom:var(--space-3)}.about-business__card>p{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-6)}.about-business__item{margin-bottom:var(--space-5)}.about-business__item h4{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-top:0;margin-bottom:var(--space-2)}.about-business__item p{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);margin:0}.about-business__item p a{color:var(--color-primary);text-decoration:none}.about-business__item p a:hover{color:var(--color-primary-dark);text-decoration:underline}.about-business__security{background:rgba(var(--color-primary), 0.08);border-radius:var(--radius-md);padding:var(--space-4);font-size:.8rem !important;margin-top:var(--space-6);margin-bottom:0 !important}.about-business__security strong{color:var(--color-primary-dark)}.about-cta{padding:var(--space-16) var(--space-6);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);text-align:center}.about-cta__container{max-width:600px;margin:0 auto}.about-cta h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:#fff;margin-bottom:var(--space-4)}.about-cta p{font-size:1.1rem;color:hsla(0,0%,100%,.9);margin-bottom:var(--space-6)}.about-cta .btn-cta-primary{background:#fff;color:var(--color-primary-dark)}.about-cta .btn-cta-primary:hover{background:var(--color-bg-page);transform:translateY(-2px)}.about-cta__links{font-size:.8rem;color:hsla(0,0%,100%,.8);margin-top:var(--space-4)}.about-cta__links a{color:#fff;text-decoration:underline}.about-cta__links a:hover{color:var(--color-bg-page)}.about-philosophy{padding:var(--space-16) var(--space-6);background:#fff}.about-philosophy__container{max-width:1000px;margin:0 auto;text-align:center}.about-philosophy h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-8)}.about-philosophy__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-6);text-align:left}@media(min-width: 768px)and (max-width: 1023px){.about-philosophy__grid{grid-template-columns:1fr;gap:var(--space-5)}}@media(max-width: 767px){.about-philosophy__grid{grid-template-columns:1fr;gap:var(--space-5)}}.about-philosophy__item{background:var(--color-bg-page);border-radius:var(--radius-lg);padding:var(--space-6)}.about-philosophy__item h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;color:var(--color-primary-dark);margin-top:0;margin-bottom:var(--space-3);line-height:1.4}.about-philosophy__item p{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);margin:0}.about-team{padding:var(--space-16) var(--space-6);background:var(--color-bg-section)}.about-team__container{max-width:800px;margin:0 auto}.about-team h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.about-team p{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-5)}.about-team p:last-child{margin-bottom:0}.about-business-model{padding:var(--space-16) var(--space-6);background:#fff}.about-business-model__container{max-width:900px;margin:0 auto}.about-business-model h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4);text-align:center}.about-business-model>p{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--space-8);text-align:center}.about-business-model__tiers{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-6);margin-bottom:var(--space-6)}@media(max-width: 767px){.about-business-model__tiers{grid-template-columns:1fr}}.about-business-model__tier{background:var(--color-bg-page);border-radius:var(--radius-lg);padding:var(--space-6)}.about-business-model__tier h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;color:var(--color-primary-dark);margin-top:0;margin-bottom:var(--space-3)}.about-business-model__tier p{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);margin:0}.about-business-model__security{background:rgba(var(--color-primary), 0.08);border-radius:var(--radius-md);padding:var(--space-4);font-size:.8rem;text-align:center;color:var(--color-text-muted)}.about-business-model__security strong{color:var(--color-primary-dark)}.about-commitment{padding:var(--space-16) var(--space-6);background:var(--color-bg-section)}.about-commitment__container{max-width:800px;margin:0 auto;text-align:center}.about-commitment h2{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6)}.about-commitment p{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-5)}.about-commitment p:last-child{margin-bottom:0}.about-commitment p strong{color:var(--color-text-primary);font-weight:600}.contact-section{padding:var(--space-16) var(--space-6);background:var(--color-bg-page)}.contact-section__container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:var(--space-8)}@media(min-width: 768px)and (max-width: 1023px){.contact-section__container{grid-template-columns:1fr}}@media(max-width: 767px){.contact-section__container{grid-template-columns:1fr}}.contact-form-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 20px rgba(0,0,0,.06)}.contact-form__group{margin-bottom:var(--space-5)}.contact-form__group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--color-text-primary);font-size:.8rem}.contact-form__group label .required{color:var(--color-accent)}.contact-form__group input,.contact-form__group select,.contact-form__group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-bg-section);border-radius:var(--radius-md);font-size:.9rem;font-family:"Inter","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;box-sizing:border-box;background:#fff}.contact-form__group input:focus,.contact-form__group select:focus,.contact-form__group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary), 0.1)}.contact-form__group input::placeholder,.contact-form__group select::placeholder,.contact-form__group textarea::placeholder{color:#a0aec0}.contact-form__group textarea{resize:vertical;min-height:140px}.contact-form__group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.contact-form__input--readonly{background-color:var(--color-bg-section) !important;cursor:not-allowed}.contact-form__note{font-size:.75rem;color:var(--color-primary-dark);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.contact-form__note::before{content:"✓";font-weight:600}.contact-form__submit{width:100%;margin-top:var(--space-4)}.contact-form__loading{display:inline-block;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:contact-spin .8s ease-in-out infinite;margin-right:var(--space-2);vertical-align:middle}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-message{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:none}.contact-message--success{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.contact-message--error{background:#fff5f5;border:1px solid #feb2b2;color:#742a2a}.contact-message--error a{color:#742a2a;font-weight:600}.contact-success-actions{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width: 768px){.contact-success-actions{flex-direction:row;gap:var(--space-4)}}.contact-success-actions .btn-cta{flex:1;text-align:center;justify-content:center}.contact-info{display:flex;flex-direction:column;gap:var(--space-5)}.contact-info__card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 2px 10px rgba(0,0,0,.04)}.contact-info__card h3{font-family:"Nunito","Segoe UI",Verdana,"Trebuchet MS",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-top:0;margin-bottom:var(--space-3)}.contact-info__card p{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);margin:0}.contact-info__card p a{color:var(--color-primary);text-decoration:none}.contact-info__card p a:hover{color:var(--color-primary-dark);text-decoration:underline}.contact-info__item{margin-bottom:var(--space-3)}.contact-info__item:last-child{margin-bottom:0}.contact-info__item strong{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.contact-info__item a{color:var(--color-primary);text-decoration:none;font-size:.8rem}.contact-info__item a:hover{color:var(--color-primary-dark);text-decoration:underline}.layout-preview-canvas{height:600px;width:100%;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width: 480px){.layout-preview-canvas{height:250px}}@media(min-width: 481px)and (max-width: 768px){.layout-preview-canvas{height:350px}}@media(min-width: 768px)and (max-width: 1023px){.layout-preview-canvas{height:450px}}.layout-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width: 767px){.layout-stats{grid-template-columns:1fr}}.stat{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-primary-05);border-radius:var(--radius-lg);border:2px solid var(--color-border)}.stat-label{font-weight:500;color:var(--color-text-secondary)}.download-section{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-6);margin-bottom:var(--space-6);align-items:start}@media(min-width: 768px)and (max-width: 1023px){.download-section{gap:var(--space-5)}}@media(max-width: 767px){.download-section{grid-template-columns:1fr;gap:var(--space-5)}}.final-preview{background:var(--color-bg-elevated);padding:var(--space-5);border-radius:var(--radius-xl)}.final-preview h3{margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:600}.final-preview-area{min-height:450px;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);position:relative}@media(max-width: 767px){.final-preview-area{min-height:350px}}.download-options{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);position:sticky;top:var(--space-5)}.download-format{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal);width:100%}.download-format h3{margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:600}.project-summary{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:2px solid var(--color-border);transition:all var(--transition-normal);width:100%;margin-top:var(--space-4)}.project-summary h3{margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:600}.summary-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.summary-item:last-child{border-bottom:none}@media(max-width: 767px){.container{margin:var(--space-3);padding:var(--space-4);margin-top:var(--space-5)}.progress-bar{gap:var(--space-5);padding-top:var(--space-3);margin-bottom:var(--space-8)}.top-navigation{height:70px !important;padding:0 var(--space-4) !important}.wizard-content{overflow:visible !important}#step-2 .design-workspace{display:flex;flex-direction:column}#step-2 .canvas-section{order:1 !important;position:sticky;top:70px;z-index:10;background:rgba(0,0,0,0);padding:var(--space-3) var(--space-4);width:100vw;margin-left:50%;transform:translateX(-50%);box-shadow:none;border-radius:0;transition:background-color .2s ease,box-shadow .2s ease}#step-2 .canvas-section.is-stuck{background:var(--color-gray-50);box-shadow:0 4px 12px rgba(0,0,0,.15)}#step-2 .canvas-section .canvas-info{display:none}#step-2 .tools-panel{order:2 !important;flex:1;overflow-y:auto;padding-bottom:var(--space-8);margin-top:var(--space-4)}}@media(max-width: 480px){.container{margin-top:var(--space-6) !important}.progress-bar{padding-top:var(--space-4) !important;margin-bottom:var(--space-10) !important;gap:var(--space-4) !important}.step-label{font-size:.75rem !important}.top-navigation{height:60px !important}#step-2 .canvas-section{top:60px !important}.template-grid{grid-template-columns:1fr}.canvas-section{padding:var(--space-4)}.canvas-container{max-width:100%;padding:var(--space-4)}#button-canvas{max-width:100%;height:auto}.canvas-info{flex-direction:column;gap:var(--space-3);text-align:center}.button-specs{flex-direction:column;gap:var(--space-3)}.control-buttons{grid-template-columns:1fr}.mobile-zoom-control{display:flex !important}.quantity-controls{flex-wrap:wrap}.spacing-options{flex-direction:column;gap:var(--space-3)}.page-size-options{flex-direction:column;gap:var(--space-3)}.layout-stats{grid-template-columns:1fr}header h1{font-size:2rem}.step-panel h2{font-size:1.5rem}.progress-step{font-size:.8rem}.step-number{width:40px;height:40px;font-size:.9rem}.wizard-navigation{flex-direction:row;gap:var(--space-3);min-height:68px;flex-wrap:nowrap}.wizard-navigation .nav-btn{flex:1;max-width:48%;min-width:0}}@media(max-width: 480px){.canvas-section{padding:var(--space-3)}.canvas-container{padding:var(--space-3)}.tools-panel{padding:var(--space-3)}.tool-section{margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.tool-section h3{font-size:.9rem;margin-bottom:var(--space-2)}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.canvas-container{border-width:1px}.tools-panel{border-width:1px}.tool-section{border-bottom-width:.5px}}@media print{.top-navigation,.wizard-navigation,.tools-panel,.mobile-zoom-control{display:none !important}body{padding-top:0;background:var(--color-white)}.container{box-shadow:none;margin:0;max-width:none}.canvas-section{background:var(--color-bg-section);padding:0}.design-workspace{display:block}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes templateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0, 0, 0)}40%,43%{transform:translate3d(0, -30px, 0)}70%{transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromTop{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-in}.animate-slide-in-right{animation:slideInFromRight var(--transition-normal) ease-out}.animate-slide-in-left{animation:slideInFromLeft var(--transition-normal) ease-out}.animate-slide-in-top{animation:slideInFromTop var(--transition-normal) ease-out}.animate-slide-in-bottom{animation:slideInFromBottom var(--transition-normal) ease-out}.animate-zoom-in{animation:zoomIn var(--transition-normal) ease}.animate-zoom-out{animation:zoomOut var(--transition-normal) ease}.hover-lift{transition:transform var(--transition-normal) ease}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-normal) ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-normal) ease}.hover-rotate:hover{transform:rotate(3deg)}.loading{position:relative;pointer-events:none}.loading>*{opacity:.5}.transition-none{transition:none}.transition-all{transition:all var(--transition-normal) ease}.transition-colors{transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.transition-opacity{transition:opacity var(--transition-fast) ease}.transition-shadow{transition:box-shadow var(--transition-fast) ease}.transition-transform{transition:transform var(--transition-fast) ease}.duration-75{transition-duration:75ms}.duration-100{transition-duration:100ms}.duration-150{transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.duration-1000{transition-duration:1000ms}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-none{border-style:none}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.border-error{border-color:var(--color-error)}.border-warning{border-color:var(--color-warning)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-link{color:var(--color-text-link)}.text-brand{color:var(--color-primary)}.text-brand-dark{color:var(--color-primary-dark)}.text-accent{color:var(--color-accent)}.text-accent-dark{color:var(--color-accent-dark)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.bg-transparent{background-color:rgba(0,0,0,0)}.bg-white{background-color:var(--color-white)}.bg-page{background-color:var(--color-bg-page)}.bg-section{background-color:var(--color-bg-section)}.bg-card{background-color:var(--color-bg-card)}.bg-input{background-color:var(--color-bg-input)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-brand{background-color:var(--color-primary)}.bg-brand-dark{background-color:var(--color-primary-dark)}.bg-brand-light{background-color:var(--color-primary-light)}.bg-accent{background-color:var(--color-accent)}.bg-accent-dark{background-color:var(--color-accent-dark)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.gradient-primary{background:var(--gradient-primary)}.gradient-accent{background:var(--gradient-accent)}.gradient-success{background:var(--gradient-success)}.gradient-error{background:var(--gradient-error)}.gradient-warning{background:var(--gradient-warning)}.gradient-highlight{background:var(--gradient-highlight)}.gradient-page-header{background:var(--gradient-page-header)}.bg-primary-subtle{background-color:var(--color-primary-10)}.bg-accent-subtle{background-color:rgba(196,112,74,.1)}.bg-success-subtle{background-color:rgba(72,187,120,.1)}.bg-error-subtle{background-color:rgba(239,68,68,.1)}.bg-warning-subtle{background-color:rgba(237,137,54,.1)}.border-default{border-color:var(--color-border)}.border-light{border-color:var(--color-border-light)}.border-dark{border-color:var(--color-border-dark)}.border-input{border-color:var(--color-border-input)}.border-focus{border-color:var(--color-border-focus)}.border-brand{border-color:var(--color-primary)}.border-accent{border-color:var(--color-accent)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right{object-position:right}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.object-top{object-position:top}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.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}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:outline-none:focus{outline:none}.focus\:outline-white:focus{outline:2px solid var(--color-white);outline-offset:2px}.focus\:outline-primary:focus{outline:2px solid var(--color-primary);outline-offset:2px}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.group:hover .group-hover\:bg-gray-50{background-color:var(--color-gray-50)}.group:hover .group-hover\:text-primary{color:var(--color-primary)}@media print{.print\:hidden{display:none !important}.print\:block{display:block !important}}html.theme-charcoal,:root[data-theme=charcoal]{--color-primary: #82A888 !important;--color-primary-dark: #6B8F71 !important;--color-primary-light: #9EC4A4 !important;--color-primary-rgb: 130, 168, 136 !important;--color-primary-02: rgba(130, 168, 136, 0.04) !important;--color-primary-05: rgba(130, 168, 136, 0.08) !important;--color-primary-10: rgba(130, 168, 136, 0.15) !important;--color-primary-15: rgba(130, 168, 136, 0.20) !important;--color-primary-20: rgba(130, 168, 136, 0.25) !important;--color-primary-30: rgba(130, 168, 136, 0.35) !important;--color-primary-35: rgba(130, 168, 136, 0.40) !important;--color-primary-70: rgba(130, 168, 136, 0.75) !important;--color-primary-85: rgba(130, 168, 136, 0.90) !important;--color-primary-92: rgba(130, 168, 136, 0.95) !important;--color-accent: #D4885F !important;--color-accent-dark: #C4704A !important;--color-accent-light: #E4A080 !important;--color-accent-rgb: 212, 136, 95 !important;--color-cta: #D4885F !important;--color-cta-dark: #C4704A !important;--gradient-cta: linear-gradient(135deg, #D4885F 0%, #C4704A 100%) !important;--gradient-primary: linear-gradient(135deg, #82A888 0%, #6B8F71 100%) !important;--gradient-accent: linear-gradient(135deg, #D4885F 0%, #C4704A 100%) !important;--color-gray-50: #1C1E1C !important;--color-gray-100: #242624 !important;--color-gray-200: #2E312E !important;--color-gray-300: #3A3D3A !important;--color-gray-400: #6B6E6B !important;--color-gray-500: #9A9D9A !important;--color-gray-600: #C8CBC8 !important;--color-gray-700: #E0E2E0 !important;--color-gray-800: #F0F1F0 !important;--color-gray-900: #FAFAFA !important;--gray-50: #1C1E1C !important;--gray-100: #242624 !important;--gray-200: #2E312E !important;--gray-300: #3A3D3A !important;--gray-400: #6B6E6B !important;--gray-500: #9A9D9A !important;--gray-600: #C8CBC8 !important;--gray-700: #E0E2E0 !important;--gray-800: #F0F1F0 !important;--color-bg-page: #1C1E1C !important;--color-bg-section: #242624 !important;--color-bg-card: #242624 !important;--color-bg-input: #2E312E !important;--color-bg-elevated: #2E312E !important;--color-text-primary: #E0E2E0 !important;--color-text-secondary: #C8CBC8 !important;--color-text-muted: #9A9D9A !important;--color-text-inverse: #1C1E1C !important;--color-text-link: #82A888 !important;--color-text-link-hover: #9EC4A4 !important;--color-border: #3A3D3A !important;--color-border-light: #2E312E !important;--color-border-dark: #4A4D4A !important;--color-border-input: #3A3D3A !important;--color-border-focus: #82A888 !important;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3) !important;--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4) !important;--shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.5) !important;--shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.6) !important;--gradient-highlight: linear-gradient(135deg, #2E312E 0%, #3A3D3A 100%) !important;--gradient-page-header: linear-gradient(135deg, #6B8F71 0%, #567359 100%) !important;--color-success: #4ade80 !important;--color-success-dark: #22c55e !important;--color-error: #f87171 !important;--color-error-dark: #ef4444 !important;--color-warning: #fbbf24 !important;--color-warning-dark: #f59e0b !important;--color-info: #82A888 !important;--color-info-dark: #6B8F71 !important}