*{margin:0;padding:0;box-sizing:border-box}#toast-container.toast-top-right{top:60px;right:12px}:root{--bg-dark: #0a0a0a;--bg-input: #1a1a1a;--border-color: #2a2a2a;--text-white: #ffffff;--text-gray: #888888;--text-muted: #666666;--accent-blue: #a855f7;--accent-cyan: #c084fc;--btn-primary: #9333ea}select:not([class]){background:linear-gradient(145deg,#121212f2,#0a0a0af2);border:2px solid rgba(168,85,247,.3);border-radius:12px;padding:14px 48px 14px 18px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .35s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:22px;box-shadow:0 4px 12px #0006,0 1px 3px #0003,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0003;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}select:not([class]):hover{border-color:#a855f780;background:linear-gradient(145deg,#191919f2,#121212f2);box-shadow:0 6px 16px #a855f733,0 2px 8px #0006,inset 0 1px 2px #ffffff1f,inset 0 -1px 2px #0003}select:not([class]):focus{outline:none;border-color:#a855f7;background:linear-gradient(145deg,#1e1e1ef2,#141414f2);box-shadow:0 0 0 4px #a855f740,0 8px 20px #a855f74d,0 4px 12px #0006,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0003}select:not([class]) option{background:#0f0f0f;color:#fff;padding:14px 18px;font-weight:600;font-size:14px;border:none;letter-spacing:.3px}.whitegen-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-dark);color:var(--text-white);min-height:100vh;overflow-x:hidden;position:relative;display:flex;flex-direction:column;padding-bottom:0}.whitegen-body>*:not(.site-footer):not(.background-effect){flex-shrink:0}.whitegen-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1400px;margin:0 auto;width:100%}.nav-left{flex:1}.whitegen-logo{display:flex;align-items:center;text-decoration:none}.logo-img{height:35px;width:auto;object-fit:contain}.nav-center{display:flex;gap:.5rem;flex:2;justify-content:center;align-items:center}.nav-link{color:var(--text-gray);text-decoration:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .15s}.nav-link:hover{color:var(--text-white)}.nav-link.active{background:#ffffff1a;color:var(--text-white)}.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem}.nav-coins{display:flex;align-items:center;gap:.35rem;color:#fbbf24;text-decoration:none;font-size:.85rem;font-weight:600;padding:.35rem .75rem;border-radius:2rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);transition:all .2s}.nav-coins:hover{background:#fbbf242e;border-color:#fbbf2466;color:#fcd34d}.nav-coins .coin-icon{flex-shrink:0}.nav-coins .coin-label{font-size:.7rem;opacity:.7}.nav-coins-low{color:#f87171;background:#f871711a;border-color:#f8717140;animation:pulse-low 2s ease-in-out infinite}.nav-coins-low:hover{color:#fca5a5;background:#f871712e;border-color:#f8717166}@keyframes pulse-low{0%,to{opacity:1}50%{opacity:.7}}.nav-btn-text{color:var(--text-white);text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 0;transition:color .2s}.nav-btn-text:hover{color:var(--accent-blue)}.nav-btn-primary{background:var(--accent-blue);color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;transition:all .2s}.nav-btn-primary:hover{background:#7c3aed}.whitegen-main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding:7.5rem 2rem 3rem;text-align:center;position:relative}.intro-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:.5rem 1.25rem;font-size:.875rem;color:var(--text-gray);margin-bottom:2.5rem}.badge-icon{font-size:1rem}.whitegen-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.title-gradient-wrapper{position:relative;display:inline-block}.title-gradient-placeholder{font-weight:800;visibility:hidden;pointer-events:none}.title-gradient{background-image:linear-gradient(120deg,#a855f7,#c084fc,#e879f9 60%,#60a5fa),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);background-size:300% 300%,220% 220%;background-position:0% 50%,-120% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:800;line-height:1.05;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:50%;display:inline-block;white-space:nowrap;will-change:background-position,filter,transform,text-shadow,font-family;transform:translate(-50%) translateY(.1em) translateZ(0) skew(-10deg);animation:gradient-flow 3.2s infinite,shimmer 2.2s infinite,font-swap 4s steps(1) infinite,italic-toggle 4s steps(1) infinite}@keyframes gradient-flow{0%{background-position:0% 50%,-120% 50%;filter:saturate(1.05) brightness(1)}50%{background-position:100% 50%,-120% 50%;filter:saturate(1.2) brightness(1.1)}to{background-position:0% 50%,-120% 50%;filter:saturate(1.05) brightness(1)}}@keyframes shimmer{0%{background-position:0% 50%,-120% 50%}45%{background-position:100% 50%,-120% 50%}55%{background-position:100% 50%,120% 50%}to{background-position:0% 50%,120% 50%}}@keyframes font-swap{0%,20%{font-family:Inter}20%,40%{font-family:Poppins}40%,60%{font-family:Montserrat}60%,80%{font-family:Roboto}80%,to{font-family:Inter}}@keyframes italic-toggle{0%,20%{transform:translate(-50%) translateY(.1em) skew(-10deg)}20%,40%{transform:translate(-50%) translateY(calc(.1em - 1px)) skew(0)}40%,60%{transform:translate(-50%) translateY(.1em) skew(-10deg)}60%,80%{transform:translate(-50%) translateY(calc(.1em - 1px)) skew(0)}80%,to{transform:translate(-50%) translateY(.1em) skew(-10deg)}}@media(prefers-reduced-motion:reduce){.title-gradient{animation:none!important}}.prompt-box{width:100%;max-width:680px;margin-bottom:1.5rem}.prompt-form{background:var(--bg-input);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.prompt-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-white);font-size:1rem;padding:1.25rem 1.5rem;resize:none;font-family:inherit;line-height:1.5}.prompt-input::placeholder{color:var(--text-muted)}.prompt-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border-color)}.prompt-btn-icon{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .75rem;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-gray);cursor:pointer;transition:all .15s;font-size:.85rem;white-space:nowrap}.prompt-btn-icon:hover{color:var(--text-white);border-color:var(--text-gray)}.prompt-right{display:flex;align-items:center;gap:.75rem}.prompt-btn-plan{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-gray);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .15s}.prompt-btn-plan:hover{color:var(--text-white);background:#ffffff0d}.prompt-btn-build{display:flex;align-items:center;gap:.5rem;background:var(--btn-primary);border:none;color:#fff;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border-radius:.5rem;cursor:pointer;transition:all .15s}.prompt-btn-build:hover{background:#7e22ce}.prompt-btn-build svg{width:14px;height:14px}.prompt-btn-build.loading{pointer-events:none;opacity:.9}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .7s linear infinite;vertical-align:middle;margin-right:2px}@keyframes btnSpin{to{transform:rotate(360deg)}}.options-panel{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:#0000004d;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.option-group{display:flex;flex-direction:column;gap:.625rem;margin-top:1.25rem}.option-label{font-size:.7rem;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.08em}.option-description{font-size:.75rem;color:#ffffffb3;line-height:1.5;margin-top:.25rem;margin-bottom:.75rem}.option-select{background:linear-gradient(145deg,#121212f2,#0a0a0af2);border:2px solid rgba(168,85,247,.3);border-radius:12px;padding:14px 48px 14px 18px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .35s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:22px;box-shadow:0 4px 12px #0006,0 1px 3px #0003,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0003;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.option-select:hover{border-color:#a855f780;background:linear-gradient(145deg,#191919f2,#121212f2);box-shadow:0 6px 16px #a855f733,0 2px 8px #0006,inset 0 1px 2px #ffffff1f,inset 0 -1px 2px #0003}.option-select:focus{outline:none;border-color:#a855f7;background:linear-gradient(145deg,#1e1e1ef2,#141414f2);box-shadow:0 0 0 4px #a855f740,0 8px 20px #a855f74d,0 4px 12px #0006,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0003}.option-select option{background:#0f0f0f;color:#fff;padding:14px 18px;font-weight:600;font-size:14px;border:none;letter-spacing:.3px}.prompt-btn-icon.active{color:var(--accent-blue);background:#a855f726;border-color:#a855f74d}@media(max-width:600px){.options-grid{grid-template-columns:1fr}}.providers-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.providers-grid-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem;margin-top:.75rem}.provider-radio{cursor:pointer}.provider-radio input[type=radio]{display:none}.provider-radio .provider-box{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:linear-gradient(180deg,#1f1f1f,#161616);border:1px solid #333;border-radius:.625rem;transition:all .3s}.provider-radio input[type=radio]:checked+.provider-box{background:linear-gradient(180deg,#a855f726,#a855f70d);border-color:var(--accent-blue);box-shadow:0 0 0 2px #a855f733}.provider-radio:hover .provider-box{border-color:#a855f766}.provider-radio .provider-icon{flex-shrink:0;color:var(--text-gray);transition:color .3s}.provider-radio input[type=radio]:checked+.provider-box .provider-icon{color:var(--accent-blue)}.provider-radio .provider-name{font-size:.8125rem;font-weight:600;color:var(--text-gray);transition:color .3s}.provider-radio input[type=radio]:checked+.provider-box .provider-name{color:var(--text-white)}.providers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.provider-checkbox{cursor:pointer}.provider-checkbox input[type=checkbox]{display:none}.provider-box{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .75rem;background:linear-gradient(180deg,#1f1f1f,#161616);border:2px solid #333;border-radius:.75rem;transition:all .2s ease}.provider-checkbox input[type=checkbox]:checked+.provider-box{border-color:var(--accent-blue);background:linear-gradient(180deg,#a855f726,#a855f70d);box-shadow:0 0 20px #a855f733}.provider-checkbox:hover .provider-box{border-color:#555;background:linear-gradient(180deg,#252525,#1a1a1a)}.provider-checkbox input[type=checkbox]:checked:hover+.provider-box{border-color:var(--accent-cyan)}.provider-icon{font-size:1.5rem}.provider-name{font-size:.875rem;font-weight:600;color:var(--text-white)}.provider-model{font-size:.7rem;color:var(--text-muted);font-weight:500}.provider-checkbox input[type=checkbox]:checked+.provider-box .provider-name{color:var(--accent-cyan)}.provider-checkbox input[type=checkbox]:checked+.provider-box .provider-model{color:var(--accent-blue)}.provider-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(180deg,#1f1f1f,#161616);border:1px solid #333;border-radius:.625rem;margin-top:.5rem}.provider-info .provider-icon{width:20px;height:20px;color:var(--accent-blue)}.provider-info .provider-name{font-size:.875rem;font-weight:600;color:var(--text-white)}.ai-explanation,.randomness-info{margin-top:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#a855f714,#a855f708);border:1px solid rgba(168,85,247,.25);border-radius:.875rem;transition:all .3s}.ai-explanation:hover,.randomness-info:hover{border-color:#a855f766;box-shadow:0 4px 20px #a855f71a}.randomness-info{background:linear-gradient(135deg,#06b6d414,#06b6d408);border-color:#06b6d440}.randomness-info:hover{border-color:#06b6d466;box-shadow:0 4px 20px #06b6d41a}.explanation-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:var(--text-white);font-size:.875rem}.explanation-header svg{color:var(--accent-blue);flex-shrink:0}.explanation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.explanation-list li{font-size:.8125rem;color:var(--text-gray);line-height:1.5;display:flex;align-items:flex-start;gap:.625rem}.explanation-list li .list-icon{flex-shrink:0;margin-top:.125rem;color:var(--accent-blue)}.explanation-list li span{flex:1}.explanation-list li strong{color:var(--text-white);font-weight:600}.explanation-list li code{background:#0000004d;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;color:var(--accent-cyan);font-family:Courier New,monospace}.randomness-note{margin-top:1rem;padding:.875rem 1rem;background:linear-gradient(135deg,#06b6d41f,#06b6d40d);border:1px solid rgba(6,182,212,.2);border-radius:.625rem;font-size:.8125rem;color:var(--text-gray);line-height:1.6;display:flex;align-items:flex-start;gap:.625rem}.randomness-note .note-icon{flex-shrink:0;margin-top:.125rem;color:var(--accent-cyan)}.randomness-note span{flex:1}@media(max-width:500px){.providers-grid{grid-template-columns:1fr}.ai-explanation,.randomness-info{padding:.875rem}}.theme-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.themes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-top:.75rem}.theme-option{cursor:pointer}.theme-option input[type=radio]{display:none}.theme-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:linear-gradient(180deg,#1f1f1f,#161616);border:2px solid #333;border-radius:.625rem;transition:all .2s ease}.theme-option input[type=radio]:checked+.theme-box{border-color:var(--accent-blue);box-shadow:0 0 15px #a855f740}.theme-option:hover .theme-box{border-color:#555;background:linear-gradient(180deg,#252525,#1a1a1a)}.theme-icon{font-size:1.25rem}.theme-name{font-size:.7rem;font-weight:600;color:var(--text-white)}.theme-desc{font-size:.6rem;color:var(--text-muted)}.theme-random{border-top:3px solid linear-gradient(90deg,#ff6b35,#8b5cf6)}.theme-random .theme-name{background-image:linear-gradient(120deg,#a855f7,#c084fc,#e879f9 60%,#60a5fa);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;will-change:font-family,background-position;line-height:1;height:.7rem;overflow:hidden;display:inline-flex;align-items:center;animation:gradient-flow 3.2s infinite,random-font-swap 3s steps(1) infinite}@keyframes random-font-swap{0%,16.66%{font-family:Inter,sans-serif}16.66%,33.33%{font-family:Poppins,sans-serif}33.33%,50%{font-family:Montserrat,sans-serif}50%,66.66%{font-family:Roboto,sans-serif}66.66%,83.33%{font-family:Inter,sans-serif;font-style:italic}83.33%,to{font-family:Poppins,sans-serif}}.theme-option input[type=radio]:checked+.theme-box.theme-random{background:linear-gradient(180deg,#8b5cf61a,#ff6b350d)}.theme-classic{border-top:3px solid #dc3545}.theme-option input[type=radio]:checked+.theme-box.theme-classic{background:linear-gradient(180deg,#dc354526,#dc35450d)}.theme-ocean{border-top:3px solid #0077b6}.theme-option input[type=radio]:checked+.theme-box.theme-ocean{background:linear-gradient(180deg,#0077b626,#0077b60d)}.theme-forest{border-top:3px solid #2d6a4f}.theme-option input[type=radio]:checked+.theme-box.theme-forest{background:linear-gradient(180deg,#2d6a4f26,#2d6a4f0d)}.theme-sunset{border-top:3px solid #ff6b35}.theme-option input[type=radio]:checked+.theme-box.theme-sunset{background:linear-gradient(180deg,#ff6b3526,#ff6b350d)}.theme-midnight{border-top:3px solid #8b5cf6}.theme-option input[type=radio]:checked+.theme-box.theme-midnight{background:linear-gradient(180deg,#8b5cf626,#8b5cf60d)}.theme-mercadolivre{border-top:3px solid #fff159}.theme-option input[type=radio]:checked+.theme-box.theme-mercadolivre{background:linear-gradient(180deg,#fff15926,#3483fa1a)}.theme-g1{border-top:3px solid #cc0000}.theme-option input[type=radio]:checked+.theme-box.theme-g1{background:linear-gradient(180deg,#cc000026,#cc00000d)}.theme-uol{border-top:3px solid #f5a623}.theme-option input[type=radio]:checked+.theme-box.theme-uol{background:linear-gradient(180deg,#f5a62326,#f5a6230d)}.theme-terra{border-top:3px solid #00a859}.theme-option input[type=radio]:checked+.theme-box.theme-terra{background:linear-gradient(180deg,#00a85926,#00a8590d)}@media(max-width:700px){.themes-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.themes-grid{grid-template-columns:repeat(2,1fr)}}.theme-preview-section{margin-top:3rem;padding:2rem 0;text-align:center}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-white);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.title-icon{font-size:1.5rem}.section-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.theme-preview-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.theme-preview-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all .3s ease;min-width:100px}.theme-preview-card:hover{border-color:var(--accent-blue);box-shadow:0 10px 30px #0000004d}.preview-color{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.1)}.theme-preview-classic .preview-color{background:linear-gradient(135deg,#dc3545,#c82333)}.theme-preview-ocean .preview-color{background:linear-gradient(135deg,#0077b6,#00b4d8)}.theme-preview-forest .preview-color{background:linear-gradient(135deg,#2d6a4f,#40916c)}.theme-preview-sunset .preview-color{background:linear-gradient(135deg,#ff6b35,#f7931e)}.theme-preview-midnight .preview-color{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.preview-name{font-size:.875rem;font-weight:600;color:var(--text-white)}.preview-tag{font-size:.7rem;color:var(--text-muted);padding:.2rem .6rem;background:#ffffff0d;border-radius:20px}.theme-preview-card:hover .preview-name{color:var(--accent-cyan)}.import-row{display:flex;align-items:center;gap:1rem;margin-bottom:4rem}.import-text{color:var(--text-muted);font-size:.875rem}.import-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-gray);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .15s}.import-btn:hover{background:#ffffff14;color:var(--text-white);border-color:var(--text-gray)}.arc-container{position:absolute;bottom:0;left:0;right:0;height:300px;pointer-events:none;overflow:hidden}.arc-glow{position:absolute;bottom:-200px;left:50%;transform:translate(-50%);width:150%;height:400px;background:radial-gradient(ellipse at center bottom,rgba(192,132,252,.15) 0%,rgba(168,85,247,.1) 30%,transparent 70%);border-radius:50% 50% 0 0}.arc-glow:before{content:"";position:absolute;bottom:200px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(192,132,252,.5) 20%,rgba(168,85,247,.8) 50%,rgba(192,132,252,.5) 80%,transparent 100%);filter:blur(1px);border-radius:50%}.trusted-section{position:relative;z-index:1;margin-top:auto;padding-bottom:3rem}.trusted-label{font-size:.7rem;letter-spacing:.15em;color:var(--text-muted);margin-bottom:1.5rem;text-transform:uppercase}.trusted-logos{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.company-logo{font-size:1.25rem;color:var(--text-muted);font-weight:400;opacity:.7;display:flex;align-items:center;gap:.25rem}.company-bold{font-weight:700}.meta-icon,.shopify-icon{font-size:1rem}.floating-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:80vh;background:var(--bg-input);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 25px 50px #00000080;z-index:1000;overflow:hidden;animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.panel-header h3{font-size:1.125rem;font-weight:600}.btn-close{background:transparent;border:none;color:var(--text-gray);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}.btn-close:hover{color:var(--text-white)}.panel-content{padding:1.5rem;max-height:55vh;overflow-y:auto}.panel-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);text-align:center}.success-panel{border-color:#10b981}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.loading-content{text-align:center}.loading-spinner-modern{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.25rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text-modern{color:var(--text-gray);font-size:1rem}.result-content{padding:1rem}.result-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.result-label{font-size:.875rem;color:var(--text-muted);font-weight:600}.result-value{color:var(--text-white)}.result-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.btn-success{background:#10b981;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .15s}.btn-success:hover{background:#059669}.content-preview,.faq-preview{color:var(--text-gray)}.content-preview h2,.faq-preview h2{font-size:1.125rem;margin:1.5rem 0 .75rem;color:var(--text-white);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.content-preview p{margin-bottom:.75rem;line-height:1.6}.content-preview ul.benefits{list-style:none;margin:1rem 0}.content-preview ul.benefits li{padding:.5rem 0 .5rem 1.75rem;position:relative}.content-preview ul.benefits li:before{content:"✓";color:#fff;background:#10b981;position:absolute;left:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;top:.5rem}@media(max-width:768px){.whitegen-nav{padding:1rem}.nav-center,.nav-btn-text{display:none}.whitegen-title{font-size:2rem}.prompt-box{padding:0 1rem}.prompt-actions{flex-direction:column;gap:.75rem}.prompt-right{width:100%;justify-content:flex-end}.import-row{flex-direction:column;gap:.75rem}.trusted-logos{gap:1.5rem}.company-logo{font-size:1rem}}.page-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;transition:all .15s}.page-item:hover{border-color:var(--text-gray)}.page-info h4{margin-bottom:.5rem}.page-info h4 a{color:var(--text-white);text-decoration:none}.page-info h4 a:hover{color:var(--accent-blue)}.page-meta{font-size:.875rem;color:var(--text-muted)}.page-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-gray);cursor:pointer;transition:all .15s}.btn-small:hover{background:#ffffff1a;color:var(--text-white)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-blue)}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-white)}.multi-preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;padding:1rem 0}.preview-card{background:var(--bg-input);border:2px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .2s}.preview-card:hover{border-color:var(--text-gray)}.preview-card.selected{border-color:var(--accent-blue);background:#a855f70d}.preview-card.error{border-color:#ef4444;background:#ef44440d}.preview-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.preview-card-header h3{font-size:1.125rem;font-weight:600;margin:0}.btn-select-provider{background:var(--accent-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-select-provider:hover{background:#2563eb}.preview-card.selected .btn-select-provider{background:#22c55e}.error-badge{color:#ef4444;font-size:.875rem;font-weight:600}.preview-error{padding:1rem;background:#ef44441a;border-radius:.5rem;color:#fca5a5}.preview-seo{margin-bottom:1.5rem}.preview-seo h4{font-size:1.125rem;margin-bottom:.5rem;line-height:1.4}.preview-seo .meta-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin-bottom:.5rem}.preview-seo .slug{font-size:.75rem;color:var(--accent-cyan);font-family:monospace}.preview-body h5{font-size:.875rem;color:var(--text-gray);margin-top:1rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.content-preview-small,.faq-preview-small{font-size:.875rem;color:var(--text-muted);line-height:1.6;max-height:150px;overflow:hidden}.content-preview-full{margin-top:1rem;font-size:.875rem;line-height:1.6}details{margin-top:.5rem}details summary{cursor:pointer;font-size:.875rem;color:var(--accent-blue);padding:.5rem;border-radius:.25rem;transition:background .2s}details summary:hover{background:#a855f71a}details[open] summary{margin-bottom:.5rem}@media(max-width:1200px){.multi-preview-container{grid-template-columns:1fr}}@media(min-width:1200px)and (max-width:1600px){.multi-preview-container{grid-template-columns:repeat(2,1fr)}}.form-box{width:100%;max-width:600px;margin-bottom:2rem}.main-form{background:var(--bg-input);border:1px solid var(--border-color);border-radius:1rem;padding:2rem}.form-label{display:block;font-size:13px;font-weight:600;color:#e5e7eb;letter-spacing:.01em}@keyframes inputGlow{0%,to{box-shadow:0 0 0 4px #a855f726,0 4px 12px #a855f71a}50%{box-shadow:0 0 0 4px #a855f733,0 4px 16px #a855f726}}.form-input,.form-input-dark{width:100%;background:#0f0f1999;border:1.5px solid rgba(168,85,247,.2);border-radius:10px;padding:13px 16px;color:var(--text-white);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.form-input::placeholder,.form-input-dark::placeholder{color:#a855f773;font-weight:400;font-style:italic;transition:color .3s}.form-input:hover,.form-input-dark:hover{border-color:#a855f766;background:#0f0f19cc}.form-input:hover::placeholder,.form-input-dark:hover::placeholder{color:#a855f799}.form-input:focus,.form-input-dark:focus{outline:none;border-color:#a855f7;background:#0f0f19e6;animation:inputGlow 2s ease-in-out infinite}.form-input:focus::placeholder,.form-input-dark:focus::placeholder{color:#a855f74d}.form-select-dark{width:100%;background:linear-gradient(145deg,#121212f2,#0a0a0af2);border:2px solid rgba(168,85,247,.3);border-radius:12px;padding:14px 48px 14px 18px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .35s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:22px;box-shadow:0 4px 12px #0006,0 1px 3px #0003,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0003;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-select-dark:hover{border-color:#a855f780;background:linear-gradient(145deg,#191919f2,#121212f2);box-shadow:0 6px 16px #a855f733,0 2px 8px #0006,inset 0 1px 2px #ffffff1f,inset 0 -1px 2px #0003}.form-select-dark:focus{outline:none;border-color:#a855f7;background:linear-gradient(145deg,#1e1e1ef2,#141414f2);box-shadow:0 0 0 4px #a855f740,0 8px 20px #a855f74d,0 4px 12px #0006,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0003}.form-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.radio-group-dark{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .15s}.radio-option:hover{border-color:var(--text-muted)}.radio-option input[type=radio]{display:none}.radio-box{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;position:relative;transition:all .15s}.radio-option input[type=radio]:checked+.radio-box{border-color:var(--accent-blue)}.radio-option input[type=radio]:checked+.radio-box:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--accent-blue);border-radius:50%}.radio-text{color:var(--text-gray);font-size:.9rem}.radio-option input[type=radio]:checked~.radio-text{color:var(--accent-blue);font-weight:500}.custom-upload{margin-top:1rem;padding:1rem;background:#a855f70d;border:1px dashed var(--border-color);border-radius:.5rem}.file-input-dark{width:100%;color:var(--text-gray);font-size:.9rem}.file-input-dark::file-selector-button{background:var(--bg-input);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem;color:var(--text-white);cursor:pointer;margin-right:1rem;transition:all .15s}.file-input-dark::file-selector-button:hover{background:var(--border-color)}.form-actions-dark{display:flex;gap:1rem;margin-top:2rem}.btn-secondary-dark{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-gray);padding:.875rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary-dark:hover{background:#ffffff0d;color:var(--text-white);border-color:var(--text-muted)}.btn-primary-dark{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--btn-primary);border:none;color:#fff;padding:.875rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary-dark:hover{background:#7e22ce;box-shadow:0 4px 12px #9333ea4d}@media(max-width:600px){.form-actions-dark{flex-direction:column}.main-form{padding:1.5rem}}.result-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;padding:1rem;background:#ffffff05;border-radius:.75rem}.version-card{background:var(--bg-input);border:2px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .2s}.version-card:hover{border-color:var(--accent-blue)}.version-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.version-icon{font-size:1.5rem}.version-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-white)}.version-actions{display:flex;flex-direction:column;gap:.5rem}.version-actions .btn{justify-content:center;text-align:center}.result-item{padding:.75rem 0;border-bottom:1px solid var(--border-color)}.result-item:last-child{border-bottom:none}.result-label{font-size:.875rem;color:var(--text-gray);font-weight:600;display:inline-block;min-width:120px}.result-value{font-size:.875rem;color:var(--text-white)}.result-value a{color:var(--accent-blue);text-decoration:none}.result-value a:hover{text-decoration:underline}.result-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.result-versions{grid-template-columns:1fr}.result-actions{flex-direction:column}}.ray-container{--bg-color: #111114;--bg-gradient: #111114;--gradient-blue-intense: rgba(168, 85, 247, .8);--gradient-blue-medium: rgba(168, 85, 247, .35);--gradient-blue-light: rgba(168, 85, 247, .18);--gradient-blue-subtle: rgba(168, 85, 247, .08);--gradient-shadow: rgba(17, 17, 20, .2);--ellipse-border-white: #ffffff;--ellipse-border-light-blue: #e9d5ff;--ellipse-border-medium-blue: #d8b4fe;--ellipse-border-strong-blue: #c084fc;--ellipse-border-deep-blue: #9333ea;--ellipse-shadow: rgba(147, 51, 234, .6);--ellipse-inset-shadow: #ffffffcc;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:var(--bg-color);transition:opacity .25s linear;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.ray-container[data-chat-started=false]{animation:.25s linear 0s 1 fade-in-bg}.ray-container[data-theme=light]{--bg-color: #ffffff;--bg-gradient: #e9ecef;--gradient-blue-intense: rgba(168, 85, 247, .3);--gradient-blue-medium: rgba(168, 85, 247, .15);--gradient-blue-light: rgba(168, 85, 247, .08);--gradient-blue-subtle: rgba(168, 85, 247, .04);--gradient-shadow: rgba(0, 0, 0, .05);--ellipse-border-white: #ffffff;--ellipse-border-light-blue: #f3e8ff;--ellipse-border-medium-blue: #e9d5ff;--ellipse-border-strong-blue: #d8b4fe;--ellipse-border-deep-blue: #a855f7;--ellipse-shadow: rgba(168, 85, 247, .2);--ellipse-inset-shadow: rgba(0, 0, 0, .1)}.ray-container[data-theme=light][data-chat-started=true]{opacity:.5}.background-blur{position:absolute;left:50%;width:6000px;height:1800px;background:radial-gradient(circle at center 800px,var(--gradient-blue-intense) 0%,var(--gradient-blue-medium) 14%,var(--gradient-blue-light) 18%,var(--gradient-blue-subtle) 22%,var(--gradient-shadow) 25%);opacity:1;transform:translate(-50%);will-change:transform,opacity;backface-visibility:hidden}.ellipses-container{position:absolute;top:392px;left:50%;width:3043px;height:2865px;transform:translate(-50%) rotate(180deg)}@media screen and (max-width:640px){.ellipses-container{top:175px}}.ellipse{position:absolute;width:100%;height:100%;background:var(--bg-color);border-radius:50%;transform:rotate(180deg);will-change:transform;backface-visibility:hidden}.ellipse-one{z-index:5;margin-top:-13px;background:radial-gradient(43.89% 25.74% at 50.02% 97.24%,var(--bg-gradient) 0%,var(--bg-color) 100%);border:16px solid var(--ellipse-border-white)}.ellipse-two{z-index:4;margin-top:-11px;border:23px solid var(--ellipse-border-light-blue)}.ellipse-three{z-index:3;margin-top:-8px;border:23px solid var(--ellipse-border-medium-blue)}.ellipse-four{z-index:2;margin-top:-4px;border:23px solid var(--ellipse-border-strong-blue)}.ellipse-five{z-index:1;border:20px solid var(--ellipse-border-deep-blue);box-shadow:0 -15px 24.8px var(--ellipse-shadow)}@keyframes fade-in-bg{0%{opacity:0}to{opacity:1}}.whitegen-nav,.whitegen-main{position:relative;z-index:1}.flash-message{position:fixed;top:20px;right:20px;z-index:99999;max-width:400px;padding:16px 20px;border-radius:12px;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s ease-out;display:flex;align-items:center;justify-content:space-between;gap:12px}.flash-content{display:flex;align-items:center;gap:12px;flex:1}.flash-icon{flex-shrink:0}.flash-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.flash-close:hover{opacity:1}.flash-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.flash-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.flash-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.flash-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.flash-message.auto-hide{animation:slideIn .3s ease-out,fadeOut .3s ease-in 4.7s forwards}@keyframes fadeOut{to{opacity:0;transform:translate(400px)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;animation:modalFadeIn .3s ease}.modal-content{background:linear-gradient(135deg,#1e1e32fa,#1a1a2efa);border:1.5px solid rgba(168,85,247,.35);border-radius:20px;padding:36px;max-width:520px;width:90%;box-shadow:0 24px 80px #0009,0 0 40px #a855f726;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{font-size:26px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.modal-content p{font-size:14px;color:#a1a1aa;margin-bottom:28px;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.btn-cancel,.btn-delete{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel{background:#ffffff14;color:#d1d5db;border:1.5px solid rgba(255,255,255,.12);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel:hover{background:#ffffff26;color:#fff;border-color:#fff3;box-shadow:0 6px 16px #0003}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete:hover{box-shadow:0 8px 20px #ef444466}.btn-save{padding:13px 28px;border:none;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#a855f7,#8b5cf6,#7c3aed);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 12px #a855f74d,0 0 #a855f766}.btn-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-save:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%);opacity:0;transition:opacity .3s}.btn-save:hover{box-shadow:0 8px 16px #a855f759,0 0 18px #a855f74d;background:linear-gradient(135deg,#b366f8,#9c6ef7,#8d4aee)}.btn-save:hover:before{left:100%}.btn-save:hover:after{opacity:1}.btn-save:active{box-shadow:0 6px 16px #a855f766}.site-footer{position:relative;z-index:100;padding:30px 20px;margin-top:60px;background:none;border:none;width:100%;clear:both;flex-shrink:0}.footer-content{max-width:600px;margin:0 auto;text-align:center;background:none;border:none}.footer-tagline{font-size:13px;color:#ffffff80;margin:0 0 20px;font-weight:400}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.footer-links a:hover{color:#a855f7}.footer-separator,.footer-divider{color:#fff3;font-size:10px}.footer-copyright{font-size:12px;color:#ffffff59;margin:0;font-weight:400}@media(max-width:768px){.site-footer{padding:30px 16px 24px;margin-top:40px}.footer-brand-text{font-size:16px}.footer-tagline{font-size:12px}.footer-links{gap:12px}.footer-links a{font-size:12px}.footer-copyright{font-size:11px}}.login-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalFadeIn .2s ease-out}.login-modal-overlay.closing{animation:modalFadeOut .2s ease-out forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.login-modal{background:linear-gradient(135deg,#1a1a2e,#16161a);border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 25px 50px #00000080,0 0 100px #a855f71a;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#a855f733,#a855f70d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a855f7}.login-modal h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px}.login-modal p{font-size:1rem;color:#888;margin:0 0 32px;line-height:1.5}.login-modal-actions{display:flex;gap:12px;justify-content:center}.btn-modal-secondary{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-secondary:hover{background:#ffffff1a;color:#fff}.btn-modal-primary{padding:12px 32px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;display:inline-block}.btn-modal-primary:hover{box-shadow:0 8px 24px #a855f766}.wg-container{max-width:1400px;margin:0 auto;padding:70px 24px 120px}@media(max-width:968px){.wg-container{padding:60px 20px 80px}}.wg-page-header{text-align:center;margin-bottom:64px}.wg-page-title{font-size:56px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.02em}.wg-page-subtitle{font-size:20px;color:#fff9;margin:0 0 40px;font-weight:400}@media(max-width:968px){.wg-page-title{font-size:42px}.wg-page-subtitle{font-size:18px}}@media(max-width:640px){.wg-page-title{font-size:36px}.wg-page-subtitle{font-size:16px}}.wg-toggle{display:inline-flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px}.wg-toggle-btn{padding:10px 24px;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,-apple-system,sans-serif}.wg-toggle-btn.active{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.wg-toggle-btn:hover:not(.active){color:#fffc}.wg-toggle-hint{font-size:14px;color:#ffffff80;margin:0;font-weight:500}.wg-toggle-hint span{color:#a855f7;font-weight:600}.wg-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px;align-items:stretch}.wg-cards-grid-4{grid-template-columns:repeat(4,1fr);gap:16px}.wg-cards-grid-3{grid-template-columns:repeat(3,1fr);max-width:960px;margin-left:auto;margin-right:auto}@media(max-width:1200px){.wg-cards-grid-4,.wg-cards-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:968px){.wg-cards-grid,.wg-cards-grid-4,.wg-cards-grid-3{grid-template-columns:1fr;gap:12px}}.wg-card{background:#141414;border:1px solid #2a2a2a;border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;transition:border-color .2s ease}.wg-card:hover{border-color:#3a3a3a}.wg-card-popular{border-color:#a855f7}.wg-card-popular:hover{border-color:#c084fc}.wg-card-coming{border-style:dashed;opacity:.7}@media(max-width:968px){.wg-card{padding:20px}}.wg-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wg-card-name{font-size:16px;font-weight:500;color:#fff}.wg-badge{background:#2d1a4a;color:#c084fc;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.wg-badge-success{background:#1a3d2e;color:#22c55e}.wg-badge-danger{background:#2d1515;color:#f87171}.wg-badge-info{background:#1e3a5f;color:#60a5fa}.wg-badge-warning{background:#2d2a15;color:#fbbf24}.wg-badge-muted{background:#1a1a1a;color:#9ca3af}.wg-card-price{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.wg-price-value{font-size:48px;font-weight:600;color:#fff;line-height:1}.wg-price-label{font-size:13px;color:#666;line-height:1.3}@media(max-width:968px){.wg-price-value{font-size:36px}}.wg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-align:center;text-decoration:none;font-family:Inter,system-ui,-apple-system,sans-serif}.wg-btn-block{width:100%}.wg-btn-primary{background:#a855f7;color:#fff}.wg-btn-primary:hover{background:#9333ea}.wg-btn-secondary{background:#1a1a1a;border:1px solid #3a3a3a;color:#fff}.wg-btn-secondary:hover{background:#2a2a2a}.wg-btn-outline{background:transparent;border:1px solid #3a3a3a;color:#888}.wg-btn-outline:hover{border-color:#4a4a4a;color:#fff}.wg-btn-ghost{background:transparent;border:none;color:#888}.wg-btn-ghost:hover{color:#fff;background:#ffffff0d}.wg-btn-current{background:#2a2a2a;color:#888;cursor:default}.wg-btn-success{background:#22c55e;color:#fff}.wg-btn-success:hover{background:#16a34a}.wg-btn-danger{background:#ef4444;color:#fff}.wg-btn-danger:hover{background:#dc2626}.wg-btn-sm{padding:8px 12px;font-size:12px}.wg-btn-lg{padding:14px 24px;font-size:15px}.wg-features{display:flex;flex-direction:column;gap:12px}.wg-feature{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#aaa;line-height:1.4}.wg-check{width:16px;height:16px;color:#22c55e;flex-shrink:0;margin-top:1px}.wg-divider{height:1px;background:#2a2a2a;margin:32px 0 40px}.wg-section-title{text-align:center;margin:48px 0 32px}.wg-section-heading{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.wg-section-desc{font-size:15px;color:#888;margin:0}.wg-filter-section{display:flex;gap:16px;margin-bottom:32px}.wg-search-wrapper{flex:1;position:relative}.wg-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#666}.wg-search-input{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 16px 12px 48px;font-size:14px;color:#fff;transition:all .2s ease}.wg-search-input::placeholder{color:#666}.wg-search-input:focus{outline:none;border-color:#a855f7;background:#141414}.wg-select-wrapper{position:relative;min-width:200px}.wg-select{width:100%;background:linear-gradient(145deg,#121212f2,#0a0a0af2);border:2px solid rgba(168,85,247,.3);border-radius:12px;padding:14px 48px 14px 18px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .35s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:22px;box-shadow:0 4px 12px #0006,0 1px 3px #0003,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0003;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.wg-select:hover{border-color:#a855f780;background:linear-gradient(145deg,#191919f2,#121212f2);box-shadow:0 6px 16px #a855f733,0 2px 8px #0006,inset 0 1px 2px #ffffff1f,inset 0 -1px 2px #0003}.wg-select:focus{outline:none;border-color:#a855f7;background:linear-gradient(145deg,#1e1e1ef2,#141414f2);box-shadow:0 0 0 4px #a855f740,0 8px 20px #a855f74d,0 4px 12px #0006,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0003}.wg-select option{background:#0f0f0f;color:#fff;padding:14px 18px;font-weight:600;font-size:14px;border:none;letter-spacing:.3px}@media(max-width:968px){.wg-filter-section{flex-direction:column}.wg-select-wrapper{min-width:100%}}.wg-info-card{background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:24px;display:flex;gap:20px;align-items:flex-start}.wg-info-icon{width:48px;height:48px;background:#2d1a4a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wg-info-icon svg{width:24px;height:24px;color:#a855f7}.wg-info-content h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.wg-info-content p{font-size:14px;color:#888;margin:0;line-height:1.6}@media(max-width:968px){.wg-info-card{flex-direction:column;text-align:center}.wg-info-icon{margin:0 auto}}.wg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666;gap:16px}.wg-spinner{width:32px;height:32px;border:2px solid #2a2a2a;border-top-color:#a855f7;border-radius:50%;animation:wg-spin .8s linear infinite}@keyframes wg-spin{to{transform:rotate(360deg)}}.wg-empty,.wg-error{text-align:center;padding:60px 24px;color:#666;font-size:14px}.wg-error{color:#ef4444}.wg-modal{display:none;position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:24px}.wg-modal-content{background:#141414;border:1px solid #2a2a2a;border-radius:16px;padding:24px;max-width:480px;width:100%;position:relative}.wg-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wg-modal-title{font-size:18px;font-weight:600;color:#fff;margin:0}.wg-modal-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#666;transition:color .2s ease}.wg-modal-close:hover{color:#fff}.wg-modal-close svg{width:20px;height:20px}.wg-modal-desc{font-size:14px;color:#888;margin:0 0 24px;line-height:1.5}.wg-modal-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:640px){.wg-modal-content{padding:20px}.wg-modal-actions{flex-direction:column}}.wg-form-group{margin-bottom:16px}.wg-form-label{display:block;font-size:13px;font-weight:500;color:#fff;margin-bottom:8px}.wg-form-input{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 16px;font-size:14px;color:#fff;box-sizing:border-box;transition:all .2s ease}.wg-form-input:focus{outline:none;border-color:#a855f7;background:#0d0d0d}.wg-form-input::placeholder{color:#666}.wg-form-hint{display:block;font-size:12px;color:#666;margin-top:6px}.wg-server-info{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:16px;margin-bottom:24px;font-size:13px;line-height:1.6;color:#888}.wg-server-info strong{color:#fff;display:block;margin-bottom:8px}.wg-server-info code{background:#1a1a1a;padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,monospace;color:#22c55e;font-size:12px;display:inline-block;margin:2px 0}.wg-server-info small{color:#666;font-size:11px;display:block;margin-top:8px}.wg-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}@media(max-width:968px){.wg-pages-grid{grid-template-columns:1fr}}.wg-page-card{background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.wg-page-card:hover{border-color:#3a3a3a}.wg-page-header{display:flex;justify-content:space-between;align-items:center}.wg-page-title{margin:0}.wg-page-title a{font-size:16px;font-weight:500;color:#fff;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.wg-page-title a:hover{color:#a855f7}.wg-page-meta{font-size:12px;color:#666}.wg-page-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #2a2a2a}.wg-page-actions .wg-btn{flex:1}@media(max-width:968px){.wg-page-actions{flex-wrap:wrap}.wg-page-actions .wg-btn{flex:1 1 calc(50% - 4px)}}.whitegen-container{max-width:1400px;margin:0 auto;padding:70px 24px 120px}.whitegen-header{text-align:center;margin-bottom:64px}.whitegen-header .whitegen-title{font-size:56px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.02em}.whitegen-header .whitegen-subtitle{font-size:20px;color:#fff9;margin:0 0 40px;font-weight:400}body[data-page=history] .whitegen-main,body[data-page=themes] .whitegen-main,body[data-page=pricing] .whitegen-main,body[data-page=result] .whitegen-main,body[data-page=stripe-success] .whitegen-main,body[data-page=terms] .whitegen-main,body[data-page=privacy] .whitegen-main{margin-top:0;padding-top:0;background:transparent;min-height:100vh;position:relative;z-index:1}@media(max-width:968px){.whitegen-container{padding:60px 20px 80px}.whitegen-header .whitegen-title{font-size:42px}.whitegen-header .whitegen-subtitle{font-size:18px}}@media(max-width:640px){.whitegen-header .whitegen-title{font-size:36px}.whitegen-header .whitegen-subtitle{font-size:16px}}.whitegen-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px;align-items:stretch}.whitegen-card{background:#141414;border:1px solid #2a2a2a;border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;transition:border-color .2s ease}.whitegen-card:hover{border-color:#3a3a3a}.whitegen-card-popular{border-color:#a855f7}.whitegen-card-popular:hover{border-color:#c084fc}.whitegen-card-coming{border-style:dashed;opacity:.7}.whitegen-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.whitegen-card-name{font-size:16px;font-weight:500;color:#fff}.whitegen-badge{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-size:10px;font-weight:800;padding:5px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 12px #a855f766,0 2px 8px #0000004d;animation:badge-pulse-purple 2s ease-in-out infinite}@keyframes badge-pulse-purple{0%,to{box-shadow:0 0 12px #a855f766,0 2px 8px #0000004d}50%{box-shadow:0 0 20px #a855f799,0 2px 8px #0000004d}}.whitegen-badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 12px #10b98166,0 2px 8px #0000004d;border-radius:6px;font-weight:700;padding:2px 8px 5px;animation:badge-pulse 2s ease-in-out infinite;font-size:10pt}@keyframes badge-pulse{0%,to{box-shadow:0 0 12px #10b98166,0 2px 8px #0000004d}50%{box-shadow:0 0 20px #10b98199,0 2px 8px #0000004d}}.whitegen-card-price{display:flex;align-items:baseline;gap:8px;margin-bottom:20px;min-height:60px}.whitegen-price-value{font-size:48px;font-weight:600;color:#fff;line-height:1}.whitegen-price-label{font-size:13px;color:#666;line-height:1.3}.whitegen-coming-icon{color:#666}.whitegen-card-btn{display:block;width:100%;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:20px;border:none;text-align:center;text-decoration:none}.whitegen-btn-current{background:#2a2a2a;color:#888;cursor:default}.whitegen-btn-primary{background:#a855f7;color:#fff}.whitegen-btn-primary:hover{background:#9333ea}.whitegen-btn-secondary{background:#1a1a1a;border:1px solid #3a3a3a;color:#fff}.whitegen-btn-secondary:hover{background:#2a2a2a}.whitegen-btn-outline{background:transparent;border:1px solid #3a3a3a;color:#888}.whitegen-btn-outline:hover{border-color:#4a4a4a;color:#fff}.whitegen-btn-cancel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#888;cursor:pointer;transition:all .2s ease}.whitegen-btn-cancel:hover{background:#2a2a2a;color:#fff}.whitegen-btn-save{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#22c55e;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.whitegen-btn-save svg{width:16px;height:16px;flex-shrink:0}.whitegen-btn-save:hover{background:#16a34a}.whitegen-card-features{display:flex;flex-direction:column;gap:12px}.whitegen-feature{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#aaa;line-height:1.4}.whitegen-check{width:16px;height:16px;color:#22c55e;flex-shrink:0;margin-top:1px}.whitegen-divider{height:1px;background:#2a2a2a;margin:32px 0 40px}.whitegen-section-title{text-align:center;margin:48px 0 32px}.whitegen-section-heading{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.whitegen-section-desc{font-size:15px;color:#888;margin:0}.whitegen-info-section{max-width:800px;margin:0 auto}.whitegen-info-card{background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:24px;display:flex;gap:20px;align-items:flex-start}.whitegen-info-icon{width:48px;height:48px;background:#2d1a4a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whitegen-info-icon svg{width:24px;height:24px;color:#a855f7}.whitegen-info-content h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.whitegen-info-content p{font-size:14px;color:#888;margin:0;line-height:1.6}.whitegen-toggle{display:inline-flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px}.whitegen-toggle-btn{padding:10px 24px;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,-apple-system,sans-serif}.whitegen-toggle-btn.active{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.whitegen-toggle-btn:hover:not(.active){color:#fffc}.whitegen-toggle-hint{font-size:14px;color:#ffffff80;margin:0;font-weight:500}.whitegen-toggle-hint span{color:#a855f7;font-weight:600}.whitegen-filter-section{display:flex;gap:16px;margin-bottom:32px}.whitegen-search-wrapper{flex:1;position:relative}.whitegen-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#666}.whitegen-search-input{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 16px 12px 48px;font-size:14px;color:#fff;transition:all .2s ease}.whitegen-search-input::placeholder{color:#666}.whitegen-search-input:focus{outline:none;border-color:#a855f7;background:#141414}.whitegen-select-wrapper{position:relative;min-width:200px}.whitegen-select{width:100%;background:linear-gradient(145deg,#121212f2,#0a0a0af2);border:2px solid rgba(168,85,247,.3);border-radius:12px;padding:14px 48px 14px 18px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .35s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:22px;box-shadow:0 4px 12px #0006,0 1px 3px #0003,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0003;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.whitegen-select:hover{border-color:#a855f780;background:linear-gradient(145deg,#191919f2,#121212f2);box-shadow:0 6px 16px #a855f733,0 2px 8px #0006,inset 0 1px 2px #ffffff1f,inset 0 -1px 2px #0003}.whitegen-select:focus{outline:none;border-color:#a855f7;background:linear-gradient(145deg,#1e1e1ef2,#141414f2);box-shadow:0 0 0 4px #a855f740,0 8px 20px #a855f74d,0 4px 12px #0006,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0003}.whitegen-select option{background:#0f0f0f;color:#fff;padding:14px 18px;font-weight:600;font-size:14px;border:none;letter-spacing:.3px}.whitegen-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#666;pointer-events:none}.whitegen-pages-section{margin-top:24px}.whitegen-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.whitegen-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666;gap:16px}.whitegen-spinner{width:32px;height:32px;border:2px solid #2a2a2a;border-top-color:#a855f7;border-radius:50%;animation:whitegen-spin .8s linear infinite}@keyframes whitegen-spin{to{transform:rotate(360deg)}}.empty-text,.error-text{grid-column:1 / -1;text-align:center;padding:60px 24px;color:#666;font-size:14px}.error-text{color:#ef4444}.whitegen-modal{display:none;position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:24px}.whitegen-modal-content{background:#141414;border:1px solid #2a2a2a;border-radius:16px;padding:24px;max-width:480px;width:100%;position:relative}.whitegen-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.whitegen-modal-title{font-size:18px;font-weight:600;color:#fff;margin:0}.whitegen-modal-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#666;transition:color .2s ease}.whitegen-modal-close:hover{color:#fff}.whitegen-modal-close svg{width:20px;height:20px}.whitegen-modal-desc{font-size:14px;color:#888;margin:0 0 24px;line-height:1.5}.whitegen-modal-actions{display:flex;gap:12px;justify-content:flex-end}.whitegen-form-group{margin-bottom:16px}.whitegen-form-label{display:block;font-size:13px;font-weight:500;color:#fff;margin-bottom:8px}.whitegen-form-input{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 16px;font-size:14px;color:#fff;box-sizing:border-box;transition:all .2s ease}.whitegen-form-input:focus{outline:none;border-color:#a855f7;background:#0d0d0d}.whitegen-form-input::placeholder{color:#666}.whitegen-server-info{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;padding:16px;margin-bottom:24px;font-size:13px;line-height:1.6;color:#888}.whitegen-server-info strong{color:#fff;display:block;margin-bottom:8px}.whitegen-server-info code{background:#1a1a1a;padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,monospace;color:#22c55e;font-size:12px;display:inline-block;margin:2px 0}.whitegen-server-info small{color:#666;font-size:11px;display:block;margin-top:8px}@media(max-width:1200px){.whitegen-cards-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:968px){.whitegen-cards-row{grid-template-columns:1fr;gap:12px}.whitegen-card{padding:20px}.whitegen-price-value{font-size:36px}.whitegen-filter-section{flex-direction:column}.whitegen-select-wrapper{min-width:100%}.whitegen-pages-grid{grid-template-columns:1fr}.whitegen-info-card{flex-direction:column;text-align:center}.whitegen-info-icon{margin:0 auto}}@media(max-width:640px){.whitegen-modal-content{padding:20px}.whitegen-modal-actions{flex-direction:column}}