:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-sidebar:#fff;--bg-overlay:#00000080;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--border-accent:#dbeafe;--accent-primary:#3b82f6;--accent-secondary:#1d4ed8;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-card:#1a1a1a;--bg-sidebar:#1a1a1a;--bg-overlay:#000c;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a0a0a0;--text-inverse:#0a0a0a;--border-primary:#404040;--border-secondary:#505050;--border-accent:#3b82f6;--accent-primary:#60a5fa;--accent-secondary:#3b82f6;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-error:#f87171;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;--gradient-primary:linear-gradient(135deg,#4c1d95,#7c3aed);--gradient-secondary:linear-gradient(135deg,#be185d,#ec4899);--gradient-accent:linear-gradient(135deg,#0891b2,#06b6d4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;margin:0;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}body,code{color:#1e293b;color:var(--text-primary)}code{border-radius:.375rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:.125rem .25rem}code,pre{background-color:#f1f5f9;background-color:var(--bg-tertiary)}pre{border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);overflow-x:auto;padding:1rem}pre code{background:none;border-radius:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-primary);border-radius:.375rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}::selection{background-color:#3b82f6;background-color:var(--accent-primary);color:#fff;color:var(--text-inverse)}:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary);font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h1,h2{letter-spacing:-.025em}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#64748b;color:var(--text-secondary);margin-bottom:1rem}a{color:#3b82f6;transition:color .15s ease}a:hover{color:#1d4ed8}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}@media (max-width:768px){body{font-size:14px;padding:.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}code{font-size:.8rem}}@media (max-width:480px){body{font-size:13px;padding:.25rem}h1{font-size:1.75rem}h2{font-size:1.5rem}}.App{background:var(--bg-primary);min-height:100vh;text-align:center;transition:background-color var(--transition-normal)}.App-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background:var(--gradient-primary);color:var(--text-inverse);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.App-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.App-link{color:var(--accent-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.App-link:hover{color:var(--accent-secondary);text-decoration:underline}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--text-inverse)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);border:2px solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--accent-success);box-shadow:var(--shadow-md);color:var(--text-inverse)}.btn-success:hover{background:#059669;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-warning{background:var(--accent-warning);box-shadow:var(--shadow-md);color:var(--text-inverse)}.btn-warning:hover{background:#d97706;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-error{background:var(--accent-error);box-shadow:var(--shadow-md);color:var(--text-inverse)}.btn-error:hover{background:#dc2626;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.card-body,.card-footer,.card-header{padding:1.5rem}.card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.input{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input::placeholder{color:var(--text-muted)}.badge{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-primary{background:var(--accent-primary);color:var(--text-inverse)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background:var(--accent-success);color:var(--text-inverse)}.badge-warning{background:var(--accent-warning);color:var(--text-inverse)}.badge-error{background:var(--accent-error);color:var(--text-inverse)}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App-header{font-size:calc(8px + 2vmin);padding:1rem}.App-logo{height:30vmin}.btn{font-size:.875rem;padding:.625rem 1.25rem}.card{margin:.5rem}.card-body,.card-footer,.card-header{padding:1rem}}@media (max-width:480px){.App-header{font-size:calc(6px + 2vmin);padding:.5rem}.btn{font-size:.8rem;padding:.5rem 1rem}.card-body,.card-footer,.card-header{padding:.75rem}}.editor-label{color:var(--accent-primary);font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin-bottom:.6rem}.editor-textarea{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:1rem;height:100%;line-height:1.7;margin:0;min-height:400px;outline:none;padding:1.5rem;resize:none;transition:all var(--transition-fast);width:100%}.editor-textarea:focus{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633}.editor-textarea::placeholder{color:var(--text-muted);font-style:italic;opacity:.7}.editor-container{display:flex;flex-direction:column;height:100%}.editor-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.editor-tab{background:var(--bg-card);border:none;border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.editor-tab:hover{background:var(--bg-secondary);transform:translateY(-1px)}.editor-tab.active{background:var(--gradient-primary);border-color:#0000;color:var(--text-inverse)}@media (max-width:768px){.editor-textarea{font-size:.9rem;min-height:300px;padding:1rem}.editor-label{font-size:1rem}}@media (max-width:480px){.editor-textarea{font-size:.85rem;min-height:250px;padding:.75rem}}.preview-label{color:var(--accent-success);font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin-bottom:.6rem}.preview-container{background:#0000;box-sizing:border-box;margin:0;min-height:400px;width:100%}.preview-frame{background:#fff;border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:1rem;height:100%;line-height:1.7;min-height:400px;overflow-y:auto;padding:.5rem;transition:all var(--transition-fast);width:100%}.preview-container:hover{border-color:var(--accent-success);box-shadow:var(--shadow-md)}.preview-content{height:100%;overflow-y:auto}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{color:var(--text-primary);font-weight:700;margin-bottom:1rem;margin-top:1.5rem}.preview-content h1:first-child,.preview-content h2:first-child,.preview-content h3:first-child,.preview-content h4:first-child,.preview-content h5:first-child,.preview-content h6:first-child{margin-top:0}.preview-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.preview-content a{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.preview-content a:hover{color:var(--accent-secondary);text-decoration:underline}.preview-content code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;padding:.125rem .25rem}.preview-content pre{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:1rem 0;overflow-x:auto;padding:1rem}.preview-content pre code{background:none;border:none;border-radius:0;color:var(--text-primary);padding:0}.preview-content blockquote{background:var(--bg-secondary);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic;margin:1rem 0;padding:1rem}.preview-content ol,.preview-content ul{margin:1rem 0;padding-left:2rem}.preview-content li{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.preview-content table{border:1px solid var(--border-primary);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:1rem 0;overflow:hidden;width:100%}.preview-content td,.preview-content th{border-bottom:1px solid var(--border-primary);padding:.75rem;text-align:left}.preview-content th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.preview-content td{background:var(--bg-card);color:var(--text-secondary)}.preview-content strong{color:var(--text-primary);font-weight:700}.preview-content em{color:var(--text-secondary);font-style:italic}.preview-container{display:flex;flex-direction:column;height:100%}@media (max-width:768px){.preview-container{font-size:.9rem;min-height:300px;padding:1rem}.preview-label{font-size:1rem}}@media (max-width:480px){.preview-container{font-size:.85rem;min-height:250px;padding:.75rem}}.html-code-label{color:var(--accent-primary);font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin-bottom:.6rem;margin-left:10%}.html-code-container{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;height:auto;line-height:1.6;margin:0;min-height:500px;overflow-y:auto;padding:1.2rem;transition:all var(--transition-fast);width:auto}.html-code-container:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}@media (max-width:768px){.html-code-container{font-size:.9rem;margin-left:5%;min-height:400px;padding:1rem;width:90%}.html-code-label{font-size:1rem;margin-left:5%}}@media (max-width:480px){.html-code-container{font-size:.85rem;margin-left:2.5%;min-height:300px;padding:.75rem;width:95%}.html-code-label{font-size:.9rem;margin-left:2.5%}}.theme-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-track{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #0000001a;height:24px;padding:2px;position:relative;transition:all .3s ease;width:48px}[data-theme=dark] .theme-toggle-track{background:linear-gradient(135deg,#4c1d95,#7c3aed);box-shadow:0 2px 8px #00000080}.theme-toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.theme-toggle-thumb.dark{background:#2a2a2a;box-shadow:0 2px 4px #0000004d;transform:translateX(24px)}.theme-toggle-thumb.light{background:#fff;transform:translateX(0)}.theme-icon{color:#f59e0b;font-size:12px;transition:all .3s ease}[data-theme=dark] .theme-icon{color:#fbbf24}@media (max-width:768px){.theme-toggle-track{height:20px;width:40px}.theme-toggle-thumb{height:16px;width:16px}.theme-toggle-thumb.dark{transform:translateX(20px)}.theme-icon{font-size:10px}}.converter-container{box-sizing:border-box;display:grid;grid-template-columns:280px 1fr;min-height:100vh;padding:0;transition:all var(--transition-normal)}.converter-container,.converter-content{background:var(--bg-primary);position:relative}.converter-content{flex:1 1;margin:0;overflow-x:hidden;padding:2rem}.converter-inner{margin:0 auto;padding:2rem 0;position:relative;z-index:1}.converter-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem;position:relative;text-align:center}.converter-title:after{background:var(--gradient-primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.converter-subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:500;margin-bottom:3rem;text-align:center}.converter-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr 1fr;justify-content:center;margin:0 auto 2rem;min-height:600px}.converter-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.converter-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.converter-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.converter-card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem 2rem}.converter-card-header .editor-tabs{display:flex;gap:.5rem;margin:0}.converter-card-header .editor-tab{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-fast)}.converter-card-header .editor-tab:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.converter-card-header .editor-tab.active{background:var(--gradient-primary);border-color:#0000;color:var(--text-inverse)}.converter-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.converter-card-icon{color:var(--accent-primary);height:24px;width:24px}.converter-card-body{display:flex;flex-direction:column;height:500px;padding:2rem}.converter-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.converter-action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.converter-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.converter-action-btn:hover:before{left:100%}.converter-action-btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--text-inverse)}.converter-action-btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.converter-action-btn-secondary{background:var(--bg-card);border:2px solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.converter-action-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.converter-action-btn-success{background:var(--accent-success);box-shadow:var(--shadow-md);color:var(--text-inverse)}.converter-action-btn-success:hover{background:#059669;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.converter-action-btn-warning{background:var(--accent-warning);box-shadow:var(--shadow-md);color:var(--text-inverse)}.converter-action-btn-warning:hover{background:#d97706;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.html-window-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-top:2rem;overflow:hidden;transition:all var(--transition-normal)}.html-window-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.html-window-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem 2rem}.html-window-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.html-window-body{background:var(--bg-tertiary);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;height:auto;line-height:1.6;overflow-y:auto;padding:2rem}.token-display{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all var(--transition-normal)}.token-display:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.token-icon{color:var(--accent-warning);height:20px;width:20px}.token-count{color:var(--text-primary);font-size:1.125rem;font-weight:700}.token-label{color:var(--text-secondary);font-weight:500}.buy-tokens-button,.profile-popup-confirm{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 1.5rem;transition:all var(--transition-fast)}.buy-tokens-button{background:var(--accent-success);box-shadow:var(--shadow-md);color:var(--text-inverse)}.buy-tokens-button:hover{background:#059669;box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.converter-container{grid-template-columns:1fr}.converter-content{padding:.5rem}.converter-title{font-size:2rem}.converter-subtitle{font-size:1rem}.converter-inner{padding:1rem 0}.converter-grid{gap:1rem;grid-template-columns:1fr;min-height:auto;padding:0 .5rem}.converter-card-body,.converter-card-header{padding:1rem}.converter-card-body{min-height:350px}.converter-actions{gap:.75rem}.converter-action-btn{font-size:.875rem;min-width:120px;padding:.75rem 1.25rem}.html-window-body,.html-window-header{padding:1rem}.profile-popup-content{margin:1rem;padding:2rem}.profile-popup-buttons{flex-direction:column}.profile-popup-cancel,.profile-popup-confirm{width:100%}}@media (max-width:480px){.converter-title{font-size:1.75rem}.converter-card-body{height:300px}.converter-action-btn{font-size:.8rem;min-width:100px;padding:.625rem 1rem}.token-display{padding:.5rem 1rem}}.background{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);box-sizing:border-box;height:100%;padding:2.5rem 2rem;position:relative;transition:all var(--transition-normal);width:100%;z-index:0}@media (max-width:768px){.background{border-radius:var(--radius-xl);padding:1.5rem 1rem}}@media (max-width:480px){.background{border-radius:var(--radius-lg);padding:1rem .5rem}}.login-route-div{align-items:center;display:flex;flex-direction:column}.login-route-text{align-self:left;color:var(--text-primary)}.login-route-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all var(--transition-fast);width:90%}.login-route-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-route-button:hover:before{left:100%}.login-route-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.login-route-button{font-size:.9rem;padding:.875rem 2rem;width:100%}}.sidebar{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-sidebar);border-right:1px solid var(--border-primary);box-shadow:var(--shadow-lg);box-sizing:border-box;flex-direction:column;height:100vh;left:0;padding:2.5rem 1.2rem;position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-normal);z-index:1200}.sidebar,.sidebar-text{align-items:center;display:flex}.sidebar-text{justify-content:flex-start;list-style:none;padding:8px 0 8px 16px}.sidebar-collapsed{align-items:flex-start;padding:1rem .2rem;width:4vw}.sidebar-placeholder-collapsed{height:10vh}.sidebar-toggle-btn{display:none!important}.sidebar-content{transition:opacity var(--transition-normal)}.sidebar-content,.sidebar-header{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.sidebar-header-controls{width:100%}.sidebar-header-controls,.sidebar-logo{align-items:center;display:flex;justify-content:center}.sidebar-logo{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:80px;overflow:hidden;width:80px}.sidebar-logo,.sidebar-logo-img{transition:all var(--transition-normal)}.sidebar-logo-img{height:100%;object-fit:contain;padding:.5rem;width:100%}.sidebar-list{height:auto;list-style:none;margin:0;padding:0;width:100%}.sidebar-list-collapsed{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.5rem;height:auto;justify-content:flex-start!important;list-style:none;margin:0!important;padding:0 .5rem!important;width:100%!important}.sidebar-list .row{align-items:center;display:flex;flex-direction:row;height:6vh;justify-content:center;list-style-type:none;margin:0;overflow:hidden;position:relative;width:100%}.sidebar-list .row,.sidebar-list-collapsed .row{border-radius:var(--radius-lg);transition:all var(--transition-fast)}.sidebar-list-collapsed .row{align-items:center!important;background:none!important;display:flex!important;flex:1 1;flex-direction:column!important;height:auto!important;justify-content:center!important;margin:0 .2rem!important;min-width:0;padding:0!important;width:auto!important}.sidebar-list .row:hover{transform:translateX(4px)}.sidebar-list .row:hover,.sidebar-list-collapsed .row:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);cursor:pointer}.sidebar-list-collapsed .row:hover{transform:translateY(-2px)}.sidebar-list #active,.sidebar-list-collapsed #active{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--text-inverse)}.row #icon{display:grid;flex:30% 1;place-items:center}.row #icon,.row #title{color:var(--text-primary);font-size:1.5rem;transition:all var(--transition-fast)}.row #title{flex:70% 1;font-weight:600}.sidebar-list #active #icon,.sidebar-list #active #title{color:var(--text-inverse)}.sidebar-collapsed .sidebar-content{flex-direction:column;height:auto;justify-content:center;opacity:1;pointer-events:all}.sidebar-theme-toggle{border-top:1px solid var(--border-primary);display:flex;justify-content:center;margin-top:auto;padding-top:2rem;width:100%}@media (max-width:1000px){.sidebar,.sidebar-collapsed{align-items:center;border-bottom:1px solid var(--border-primary);border-right:none;box-shadow:var(--shadow-md);flex-direction:row;height:auto;justify-content:flex-start;padding:1rem .5rem;position:static;width:100%;z-index:1200}.sidebar-collapsed{display:flex}.sidebar-content{align-items:center!important;flex-direction:row!important;gap:1rem;justify-content:flex-start!important;width:100%}.sidebar-header{border-bottom:none;flex-direction:row;gap:1rem;padding-bottom:0;width:auto}.sidebar-header-controls{width:auto}.sidebar-logo{height:50px;width:50px}.sidebar-list-collapsed{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.5rem;height:auto;justify-content:flex-start!important;margin:0!important;padding:0 .5rem!important;width:100%!important}.sidebar-placeholder-collapsed{display:none}.sidebar-list-collapsed-header{align-items:center;display:flex!important;gap:.5rem;justify-content:flex-start;margin-right:1rem}.sidebar-list-collapsed img{flex-shrink:0}.sidebar-mobile-auth-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;margin-left:.5rem;margin-right:1rem;padding:.5rem 1.2rem;transition:all var(--transition-fast)}.sidebar-mobile-auth-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sidebar-list-collapsed .row{display:flex!important;flex:1 1;margin:0 .2rem!important;min-width:0}.sidebar-list .row,.sidebar-list-collapsed .row{align-items:center!important;background:none!important;flex-direction:column!important;height:auto!important;justify-content:center!important;padding:0!important;width:auto!important}.sidebar-list .row,.sidebar-list-collapsed .row{margin:0 .5rem!important;min-height:36px;min-width:36px}.sidebar-list .row #icon,.sidebar-list-collapsed .row #icon{align-items:center;background:none;border-radius:50%;display:flex!important;font-size:1.5rem;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all var(--transition-fast);width:40px}.sidebar-list .row #title,.sidebar-list-collapsed .row #title{display:none!important}.sidebar-list .row#active #icon,.sidebar-list-collapsed .row#active #icon{background:var(--gradient-primary)!important;border-radius:50%!important;box-shadow:var(--shadow-md);color:var(--text-inverse);height:40px;min-height:40px;min-width:40px;width:40px}.sidebar-list .row:hover #icon,.sidebar-list-collapsed .row:hover #icon{background:var(--bg-secondary)!important;border-radius:50%!important;box-shadow:var(--shadow-sm);color:var(--text-primary);height:40px;min-height:40px;min-width:40px;transition:all var(--transition-fast);width:40px}.sidebar-theme-toggle{border-top:none;margin-top:0;padding-top:0;width:auto}}.logout-route-div{align-items:center;display:flex;flex-direction:column}.logout-route-text{align-self:left;color:var(--text-primary)}.logout-route-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all var(--transition-fast);width:90%}.logout-route-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logout-route-button:hover:before{left:100%}.logout-route-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.logout-route-button{font-size:.9rem;padding:.875rem 2rem;width:100%}}.footer{background:var(--bg-card);border-top:1px solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-secondary);padding:2rem 0;text-align:center;transition:all var(--transition-normal)}.footer p{font-size:1rem;font-weight:500;margin:0 0 1rem}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer-links a{border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.footer-links a:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.footer-links a:hover:before{left:0}.footer-links a:hover{color:var(--accent-primary);transform:translateY(-2px)}.footer-links span{color:var(--text-muted);font-weight:300}@media (max-width:768px){.footer{padding:1.5rem 0}.footer p{font-size:.9rem;margin-bottom:.75rem}.footer-links{gap:.75rem}.footer-links a{font-size:.9rem;padding:.375rem .75rem}}@media (max-width:480px){.footer{padding:1rem 0}.footer p{font-size:.85rem;margin-bottom:.5rem}.footer-links{flex-direction:column;gap:.5rem}.footer-links span{display:none}.footer-links a{font-size:.85rem;padding:.25rem .5rem}}.login-page{align-items:center;background:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:auto;padding:5rem;position:relative;transition:all var(--transition-normal);width:50rem}.login-page h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem;text-align:center}.login-page p{color:var(--text-secondary);font-size:1.2rem}.login-page a,.login-page p{margin-bottom:1rem;text-align:center}.login-page a{color:var(--accent-primary);display:block;font-weight:700;margin-top:1rem;transition:color var(--transition-fast)}.login-page a:hover{color:var(--accent-secondary);text-decoration:underline}.login-page form{align-content:center;display:flex;flex-direction:column;justify-content:center;margin-left:15%;margin-right:15%}.login-page label{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.login-page button{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all var(--transition-fast)}.login-page button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-page button:hover:before{left:100%}.login-page button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-page .register-button{background:var(--accent-success);display:flex;justify-content:center;margin:auto;text-align:center;width:50%}.login-page .register-button:hover{background:#059669}.login-page input{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.login-page input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-page input::placeholder{color:var(--text-muted)}@media (max-width:900px){.login-page{padding:2rem;width:90vw}}@media (max-width:600px){.login-page{padding:.5rem;width:98vw}.login-page h1{font-size:1.3rem}.login-page a,.login-page p{font-size:1rem}.login-page input{font-size:.9rem;padding:.5rem .75rem}.login-page button{font-size:.9rem;padding:.7rem 1.5rem}}.register-page{align-items:center;background:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;margin:auto;padding:5rem;position:relative;transition:all var(--transition-normal);width:50rem}.register-page h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem;text-align:center}.register-page p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem;text-align:center}.register-page form{align-content:center;display:flex;flex-direction:column;justify-content:center;margin-left:15%;margin-right:15%}.register-page label{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.register-page button{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all var(--transition-fast)}.register-page button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.register-page button:hover:before{left:100%}.register-page button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.register-page .register-button{background:var(--accent-success);display:flex;justify-content:center;margin:auto;text-align:center;width:50%}.register-page .register-button:hover{background:#059669}.register-page input{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.register-page input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.register-page input::placeholder{color:var(--text-muted)}@media (max-width:900px){.register-page{padding:2rem;width:90vw}}@media (max-width:600px){.register-page{padding:.5rem;width:98vw}.register-page h1{font-size:1.3rem}.register-page p{font-size:1rem}.register-page input{font-size:.9rem;padding:.5rem .75rem}.register-page button{font-size:.9rem;padding:.7rem 1.5rem}}.profile-page{background:var(--bg-primary);box-sizing:border-box;display:grid;grid-template-columns:15vw 70vw 15vw;min-height:100vh;padding:0;position:relative;width:100vw}.profile-container,.profile-page{transition:all var(--transition-normal)}.profile-container{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:500px;padding:4rem 2.5rem}.profile-container:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.profile-container h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.profile-container p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:.5rem 0;padding-left:.2rem;text-align:left;width:100%}.profile-label{color:var(--text-primary);font-weight:700}.profile-value{color:var(--text-secondary);font-weight:400}.profile-value input[type=email],.profile-value input[type=password],.profile-value input[type=text]{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:1.05rem;margin:.1rem 0;outline:none;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.profile-value input[type=email]:focus,.profile-value input[type=password]:focus,.profile-value input[type=text]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.profile-value input[type=email]::placeholder,.profile-value input[type=password]::placeholder,.profile-value input[type=text]::placeholder{color:var(--text-muted)}.profile-data-divider{display:grid;grid-template-columns:50% 50%;width:80%}.profile-buttons-divider{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;height:auto;margin:2rem auto 0;width:80%}.profile-buttons-divider button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1.1rem;font-weight:700;margin:0;min-width:0;overflow:hidden;padding:1rem 0;position:relative;transition:all var(--transition-fast);width:100%}.profile-buttons-divider button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.profile-buttons-divider button:hover:before{left:100%}.profile-buttons-divider button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.profile-popup-content{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:400px;padding:2.5rem;text-align:center;width:90%}.profile-popup-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.profile-popup-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.profile-popup-confirm{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 1.5rem;transition:all var(--transition-fast)}.profile-popup-confirm:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-popup-cancel{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 1.5rem;transition:all var(--transition-fast)}.profile-popup-cancel:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}@media (max-width:768px){.profile-page{grid-template-columns:1fr}.profile-container{margin:1rem;padding:2rem 1.5rem}.profile-container h1{font-size:1.8rem}.profile-buttons-divider{gap:1rem;grid-template-columns:1fr}.profile-popup-content{margin:1rem;padding:2rem}.profile-popup-buttons{flex-direction:column}.profile-popup-cancel,.profile-popup-confirm{width:100%}}.faq-page-container{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:50vw;padding:2rem 1rem;transition:all var(--transition-normal)}.faq-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.faq-box{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem 1.2rem;transition:all var(--transition-normal)}.faq-box:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.faq-question{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.7rem}.faq-answer{color:var(--text-secondary);font-size:1rem;line-height:1.6}@media (max-width:768px){.faq-page-container{max-width:90vw;padding:1.5rem .5rem}.faq-title{font-size:1.8rem}.faq-grid{gap:1.5rem;grid-template-columns:1fr}.faq-box{padding:1.2rem 1rem}}@media (max-width:480px){.faq-page-container{max-width:95vw;padding:1rem .25rem}.faq-title{font-size:1.5rem}.faq-box{padding:1rem .75rem}}.pricing-text{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.7rem;text-align:center}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary);text-decoration:underline}.pricing-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:inline-flex;flex-direction:column;justify-content:center;margin:5rem;padding:2rem;text-align:center;transition:all var(--transition-normal);width:auto}.pricing-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xl);transform:translateY(-4px)}@media (max-width:768px){.pricing-card{margin:2rem 1rem;padding:1.5rem}.pricing-text{font-size:1rem}}@media (max-width:480px){.pricing-card{margin:1rem .5rem;padding:1rem}.pricing-text{font-size:.9rem}}.contact-form{background:var(--bg-secondary);color:var(--text-primary);margin-top:20px;transition:all var(--transition-normal);width:100%}.contact-form textarea{height:400px}.contact-form-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:40vw;padding:2rem;text-align:center}.contact-form input[type=email],.contact-form textarea{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:1rem;margin-bottom:16px;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.contact-form input[type=email]:focus,.contact-form textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.contact-char-count,.contact-form input[type=email]::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-char-count{font-size:.9rem;margin-bottom:.5rem;margin-left:2px;min-height:1.2em;text-align:left;transition:color var(--transition-fast)}.contact-char-count.error{color:var(--accent-error)}.contact-submit-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all var(--transition-fast)}.contact-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-submit-btn:hover:before{left:100%}.contact-submit-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.contact-submit-btn:disabled:hover{box-shadow:var(--shadow-md);transform:none}.contact-success{border:1px solid var(--accent-success);border-radius:var(--radius-md);color:var(--accent-success)}.contact-error,.contact-success{background:var(--bg-secondary);font-weight:600;margin:1rem 0;padding:1rem}.contact-error{border:1px solid var(--accent-error);border-radius:var(--radius-md);color:var(--accent-error)}@media (max-width:800px){.contact-form-content{max-width:90vw;padding:1.5rem}}@media (max-width:480px){.contact-form-content{max-width:95vw;padding:1rem}.contact-form input[type=email],.contact-form textarea{font-size:.9rem;padding:.5rem .75rem}.contact-submit-btn{font-size:.9rem;padding:.75rem 1.5rem}}.privacy-page-container{background:var(--bg-primary);color:var(--text-primary);padding:5rem;transition:all var(--transition-normal)}.privacy-logo{cursor:pointer;display:block;margin-left:3rem;margin-top:3rem;width:100px;z-index:10}.privacy-policy-box{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.08rem;line-height:1.7;margin:0 auto;max-width:800px;padding:2.5rem 2rem;transition:all var(--transition-normal);white-space:pre-wrap}.privacy-policy-box:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg)}@media (max-width:768px){.privacy-page-container{padding:2rem 1rem}.privacy-logo{display:block;margin:1.5rem auto;width:80px}.privacy-policy-box{font-size:1rem;max-width:95vw;padding:2rem 1.5rem}}@media (max-width:600px){.privacy-page-container{padding:1.2rem .2rem 2.5rem}.privacy-logo{display:block;margin:1.2rem auto;width:70px}.privacy-policy-box{border-radius:var(--radius-md);font-size:.98rem;max-width:98vw;padding:1.2rem .7rem}.faq-title{font-size:1.3rem!important;margin-bottom:1.2rem!important}}
/*# sourceMappingURL=main.15d905e3.css.map*/