.search-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.search-header{text-align:center;margin-bottom:3rem}.search-header h1{color:var(--text-color);font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.1;letter-spacing:-.025em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-description{color:var(--text-secondary);font-size:1.25rem;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto}.search-input-container{position:relative;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.search-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-size:1.125rem;border:2px solid var(--border-color);border-radius:1rem;background:var(--card-background);color:var(--text-color);transition:all .2s ease;box-sizing:border-box;font-weight:400;box-shadow:0 4px 6px -1px var(--shadow-color)}.search-input:focus{outline:none;border-color:var(--focus-color);box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px var(--shadow-color);transform:translateY(-1px)}.search-input:disabled{background:var(--export-background);color:var(--text-secondary);cursor:not-allowed}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.results-header{margin-bottom:1.5rem;color:var(--text-color);font-weight:500;font-size:1rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.template-card{border:2px solid var(--border-color);border-radius:1rem;padding:1.5rem;background:var(--card-background);cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 4px 10px -2px var(--shadow-color)}.template-card:hover{border-color:var(--border-hover-color);box-shadow:0 16px 30px -8px var(--shadow-hover);transform:translateY(-4px) scale(1.01)}.template-card.selected{border-color:transparent;background:linear-gradient(var(--card-background),var(--card-background)) padding-box,linear-gradient(90deg,#8b5cf6,#14b8a6) border-box;box-shadow:0 10px 28px #3b82f62e}.template-card.selected:hover{border-color:var(--button-primary-hover)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.template-card-actions{display:flex;align-items:center;gap:.75rem}.preview-btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;background:var(--hover-background)}.preview-btn-icon:hover{background:var(--border-color);color:var(--text-color);transform:scale(1.05)}.contribute-btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;background:var(--hover-background)}.contribute-btn-icon:hover{background:var(--border-color);color:var(--text-color);transform:scale(1.05)}.template-name{font-size:1rem;font-weight:600;color:var(--text-color);margin:0;word-break:break-word;line-height:1.4}.selected-indicator{color:var(--button-primary);display:flex;align-items:center}.template-card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.875rem;gap:.75rem}.template-size{background:var(--export-background);padding:.375rem .75rem;border-radius:.5rem;font-weight:500;border:1px solid var(--border-color)}.template-type{font-family:Monaco,Menlo,Consolas,monospace;background:var(--code-background);padding:.375rem .75rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:.8rem}.loading-message{text-align:center;padding:4rem;color:var(--text-secondary)}.loading-spinner{border:3px solid var(--border-color);border-top:3px solid var(--button-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.error-message{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--danger-50) 0%,#fef2f2 100%);border:1px solid var(--danger-200);border-radius:1rem;color:var(--danger-700);box-shadow:0 4px 6px var(--shadow-color)}.error-message h3{margin-top:0;margin-bottom:1rem;font-weight:600}.no-results{text-align:center;padding:4rem;color:var(--text-secondary)}.no-results-hint{font-size:.875rem;color:var(--text-muted);opacity:.8;margin-top:.5rem}@media (max-width: 768px){.search-container{padding:1rem}.search-header h1{font-size:2rem}.template-grid{grid-template-columns:1fr}.search-input{font-size:1rem}}@media (max-width: 480px){.search-header h1{font-size:1.75rem}.search-description{font-size:1rem}.template-card{padding:1rem}}.preview-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-header h3{margin:0;color:var(--text-color);font-size:1.25rem;font-weight:600}.close-preview-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.preview-content{flex:1;overflow:auto;padding:2rem;max-height:60vh}.preview-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.6;color:var(--text-color);margin:0;background:var(--code-background);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.preview-loading,.preview-error{text-align:center;padding:3rem}.preview-loading .loading-spinner{border:3px solid var(--border-color);border-top:3px solid var(--button-primary);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 1rem}.preview-error{color:var(--button-danger)}.preview-footer{border-top:1px solid var(--border-color);text-align:center;background:var(--export-background);border-radius:0 0 1rem 1rem}.preview-footer p{margin:0;color:var(--text-secondary);font-size:.875rem}.theme-toggle{display:flex;align-items:center;gap:.75rem;background:none;border:1px solid var(--border-color);border-radius:.75rem;padding:.75rem 1rem;color:var(--text-color);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;background:var(--card-background);box-shadow:0 2px 4px var(--shadow-color)}.theme-toggle:hover{background:var(--hover-background);border-color:var(--border-hover-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-hover)}.theme-toggle:focus{outline:2px solid var(--focus-color);outline-offset:2px}.theme-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.theme-label{text-transform:capitalize;font-size:.875rem;font-weight:500}@media (max-width: 768px){.theme-toggle{padding:.4rem .6rem;font-size:.8rem}.theme-icon{width:.9rem;height:.9rem}.theme-label{font-size:.75rem}}.export-handler{max-width:900px;margin:2rem auto;padding:3rem;background:var(--card-background);border-radius:1.5rem;box-shadow:0 25px 50px -12px var(--shadow-lg);border:1px solid var(--border-color);transition:all .3s ease}.export-header{text-align:center;margin-bottom:3rem}.export-header h2{color:var(--text-color);font-size:2.25rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.025em}.export-header p{color:var(--text-secondary);font-size:1.125rem;margin:0;font-weight:400}.export-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;padding:2rem;background:var(--export-background);border-radius:1rem;border:1px solid var(--border-color);transition:all .3s ease}.stat-item{display:flex;flex-direction:column;text-align:center}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;color:var(--text-color);font-weight:700}.template-list{margin-bottom:3rem}.template-list h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.template-tags{display:flex;flex-wrap:wrap;gap:.75rem}.template-tag{background:var(--template-tag-background);color:var(--template-tag-color);padding:.75rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;border:1px solid var(--template-tag-border);transition:all .2s ease}.template-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-color)}.export-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.action-btn{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden;letter-spacing:.025em;box-shadow:none}.preview-btn{background:linear-gradient(90deg,#8b5cf6,#14b8a6);color:#fff}.preview-btn:hover{background:linear-gradient(90deg,#7c3aed,#0d9488);transform:translateY(-1px)}.download-btn{background:linear-gradient(90deg,#14b8a6,#06b6d4);color:#fff}.download-btn:hover{background:linear-gradient(90deg,#0d9488,#0891b2);transform:translateY(-1px)}.copy-btn{background:linear-gradient(90deg,#8b5cf6,#ec4899);color:#fff}.copy-btn:hover{background:linear-gradient(90deg,#7c3aed,#db2777);transform:translateY(-1px)}.action-btn.success{background:linear-gradient(90deg,#10b981,#14b8a6)!important;transform:scale(1.02)}.export-footer{text-align:center;padding-top:2rem;border-top:1px solid #e2e8f0}.close-btn{background:linear-gradient(90deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;box-shadow:none}.close-btn:hover{background:linear-gradient(90deg,#4b5563,#374151);transform:translateY(-1px)}.export-note{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.5}.export-note code{background-color:var(--code-background);padding:.2rem .4rem;border-radius:.25rem;font-family:Monaco,Menlo,monospace;font-size:.85rem;color:var(--text-color);border:1px solid var(--border-color)}.preview-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.preview-modal{background:var(--card-background);border-radius:1rem;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--shadow-lg);border:1px solid var(--border-color)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border-color)}.preview-header h3{margin:0;color:var(--text-color);font-size:1.2rem;font-weight:600}.close-preview-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s ease}.close-preview-btn:hover{background:var(--hover-background);color:var(--text-color)}.preview-content{flex:1;overflow:auto;padding:1.5rem;max-height:60vh}.preview-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5;color:var(--text-color);margin:0;background:var(--code-background);padding:1rem;border-radius:.75rem;border:1px solid var(--border-color)}.preview-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);text-align:center}.preview-footer p{margin:0;color:var(--text-secondary);color:#718096;font-size:.9rem}@media (max-width: 768px){.export-handler{padding:1.5rem;margin:1rem;border-radius:.5rem}.export-stats{grid-template-columns:1fr;padding:1rem}.export-actions{grid-template-columns:1fr}.action-btn{padding:.875rem 1rem}.preview-modal-overlay{padding:1rem}.preview-modal{max-height:85vh}.preview-header{padding:1rem}.preview-content{padding:1rem;max-height:65vh}.preview-content pre{font-size:.8rem;padding:.75rem}}@media (max-width: 480px){.export-header h2{font-size:1.5rem}.template-tags{justify-content:center}.template-tag{font-size:.8rem;padding:.4rem .6rem}}.export-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);background:var(--footer-background);margin-top:2rem}.footer-content{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem;margin-bottom:1rem;white-space:nowrap}.github-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;font-weight:500}.github-link:hover{color:var(--text-color);background:var(--hover-background);transform:translateY(-1px)}.github-icon{width:1.2rem;height:1.2rem}.footer-divider{color:#cbd5e0;font-weight:700}.footer-text{color:#718096;font-weight:500}:root{--background-color: #f7f9fc;--background-gradient: linear-gradient(135deg, #8b5cf6 0%, #14b8a6 100%);--card-background: #ffffff;--text-color: #1a202c;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover-color: #cbd5e0;--hover-background: #f8fafc;--focus-color: #3b82f6;--shadow-color: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .12);--shadow-lg: rgba(0, 0, 0, .1);--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--button-primary: var(--primary-500);--button-primary-hover: var(--primary-600);--button-success: var(--success-500);--button-success-hover: var(--success-600);--button-warning: var(--warning-500);--button-warning-hover: var(--warning-600);--button-danger: var(--danger-500);--button-danger-hover: var(--danger-600);--button-secondary: #6b7280;--button-secondary-hover: #4b5563;--footer-background: #f8fafc;--footer-border: #e2e8f0;--export-background: #f8fafc;--modal-overlay: rgba(15, 23, 42, .7);--code-background: #f1f5f9;--template-tag-background: var(--primary-50);--template-tag-color: var(--primary-700);--template-tag-border: var(--primary-200);--selected-background: white;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}:root[data-theme=dark],.dark{--background-color: #0f172a;--background-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--card-background: #1e293b;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-hover-color: #475569;--hover-background: #334155;--focus-color: #60a5fa;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--shadow-lg: rgba(0, 0, 0, .25);--primary-50: #1e293b;--primary-100: #334155;--primary-200: #475569;--primary-500: #60a5fa;--primary-600: #3b82f6;--primary-700: #2563eb;--success-50: #064e3b;--success-100: #065f46;--success-500: #10b981;--success-600: #059669;--warning-50: #451a03;--warning-100: #78350f;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #450a0a;--danger-100: #7f1d1d;--danger-200: #991b1b;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--button-primary: var(--primary-500);--button-primary-hover: var(--primary-600);--button-success: var(--success-500);--button-success-hover: var(--success-600);--button-warning: var(--warning-500);--button-warning-hover: var(--warning-600);--button-danger: var(--danger-500);--button-danger-hover: var(--danger-600);--button-secondary: #6b7280;--button-secondary-hover: #9ca3af;--footer-background: #1e293b;--footer-border: #334155;--export-background: #1e293b;--modal-overlay: rgba(0, 0, 0, .8);--code-background: #0f172a;--template-tag-background: var(--primary-100);--template-tag-color: var(--primary-500);--template-tag-border: var(--primary-600);--selected-background: #1e293b;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%)}*{box-sizing:border-box}.inline{display:inline}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-color);color:var(--text-color);line-height:1.6;transition:background-color .3s ease,color .3s ease;font-feature-settings:"cv02","cv03","cv04","cv11"}.app{min-height:100vh;background:var(--background-color)}.app .app-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 400px at 10% -10%,rgba(139,92,246,.18),transparent 50%),radial-gradient(1000px 300px at 90% -15%,rgba(20,184,166,.16),transparent 55%),radial-gradient(700px 200px at 50% 120%,rgba(59,130,246,.14),transparent 60%);animation:floatBg 18s ease-in-out infinite alternate}@keyframes floatBg{0%{transform:translateY(0);filter:saturate(110%)}to{transform:translateY(-15px);filter:saturate(130%)}}.selected-templates-bar{background:var(--selected-background);border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color);position:sticky;top:0;z-index:120;transition:all .3s ease;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%)}.selected-templates-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.selected-templates-container h3{margin:0 0 1rem;color:var(--text-color);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.selected-templates-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.selected-template-tag{display:flex;align-items:center;background:linear-gradient(90deg,#8b5cf6,#14b8a6);color:#fff;padding:.625rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:none}.selected-template-tag:hover{background:linear-gradient(90deg,#7c3aed,#0d9488);transform:translateY(-1px)}.selected-template-tag span{margin-right:.5rem}.remove-template-btn{background:none;border:none;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;padding:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-template-btn:hover{background-color:#fff3;transform:scale(1.1)}.generate-btn{background:linear-gradient(90deg,#8b5cf6,#14b8a6);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.025em;box-shadow:none}.generate-btn:hover:not(:disabled){background:linear-gradient(90deg,#7c3aed,#0d9488);transform:translateY(-1px)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{background:var(--button-secondary);cursor:not-allowed;transform:none;opacity:.6}.generate-btn.generating{background:linear-gradient(90deg,#8b5cf6,#14b8a6);opacity:.8}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-error{max-width:600px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,var(--danger-50) 0%,#fef2f2 100%);border:1px solid var(--danger-200);border-radius:1rem;color:var(--danger-700);text-align:center;box-shadow:0 4px 6px var(--shadow-color)}.generation-error h3{margin-top:0;margin-bottom:1rem;color:var(--danger-600);font-weight:600}.generation-error button{background:linear-gradient(90deg,#ef4444,#f97316);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;margin-top:1rem;transition:all .2s ease;box-shadow:none}.generation-error button:hover{background:linear-gradient(90deg,#dc2626,#ea580c);transform:translateY(-1px)}.app-footer{margin-top:6rem;padding:3rem 0;border-top:1px solid var(--footer-border);background:var(--footer-background);transition:all .3s ease}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;font-size:.9rem}.github-link{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;padding:.75rem 1.25rem;border-radius:.75rem;transition:all .2s ease;font-weight:500;border:1px solid transparent}.github-link:hover{color:var(--text-color);background:var(--hover-background);border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.github-icon{width:1.25rem;height:1.25rem}.footer-divider{color:var(--text-muted);font-weight:300;font-size:1.2rem}.footer-text{color:var(--text-secondary);font-weight:450}.source-link{color:var(--button-primary);text-decoration:none;font-weight:600;transition:all .2s ease;padding:.25rem .5rem;border-radius:.375rem}.source-link:hover{color:var(--button-primary-hover);background:var(--primary-50);transform:translateY(-1px)}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:.5rem}.footer-divider{display:none}}.error-actions{text-align:center;padding:2rem}.retry-btn{background:linear-gradient(90deg,#8b5cf6,#14b8a6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none}.retry-btn:hover{background:linear-gradient(90deg,#7c3aed,#0d9488);transform:translateY(-1px)}@media (max-width: 768px){.selected-templates-container{padding:1rem}.selected-template-tag{font-size:.8rem;padding:.4rem .6rem}.generate-btn{width:100%;margin-top:.5rem}}.site-header{position:sticky;top:0;z-index:200;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);background:color-mix(in oklab,var(--card-background),transparent 40%);border-bottom:1px solid var(--border-color)}.site-header__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(1200px 200px at 10% -50%,rgba(139,92,246,.35),transparent 50%),radial-gradient(1000px 200px at 90% -50%,rgba(20,184,166,.35),transparent 55%);mask:linear-gradient(#000,rgba(0,0,0,.6))}.site-header__content{max-width:1200px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:baseline;gap:.6rem;text-decoration:none;color:var(--text-color)}.brand__logo{font-size:1.35rem;display:inline-block;transform:translateY(2px)}.brand__text{font-weight:800;letter-spacing:-.02em;font-size:1.1rem}.brand__sub{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;border-radius:999px;font-weight:700;font-size:.8rem;color:#fff;background:linear-gradient(90deg,#8b5cf6,#14b8a6)}.site-header__actions{display:flex;align-items:center;gap:.6rem}.header-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-secondary);padding:.5rem .75rem;border-radius:.6rem;border:1px solid var(--border-color);background:var(--card-background);transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-color)}.header-link:hover{color:var(--text-color);background:var(--hover-background);border-color:var(--border-hover-color);transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-hover)}.header-link__icon{width:1rem;height:1rem}.header-link__text{font-weight:600;font-size:.9rem}@media (max-width: 520px){.brand__text{display:none}}