@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--text-primary:#f8fafc;--text-secondary:#ffffffb3;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d;--accent-blue:#4facfe;--accent-cyan:#00f2fe;--accent-purple:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:#020617;background-image:radial-gradient(circle at 15%,#4facfe1a,#0000 25%),radial-gradient(circle at 85% 30%,#00f2fe1a,#0000 25%),radial-gradient(circle at 50% 100%,#8b5cf61a,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6}.app-container{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);max-width:1200px;box-shadow:var(--glass-shadow);background:#0f172a4d;border-radius:48px;margin:40px auto;padding:60px 40px}header{text-align:center;margin-bottom:60px}.brand-title{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.brand-logo{border-radius:12px;width:48px;height:48px}header h1{letter-spacing:0;font-size:3.5rem;font-weight:700}header h1 span{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}header p{color:var(--text-secondary);letter-spacing:1px;font-size:1.1rem}.tabs{justify-content:center;gap:12px;margin-bottom:40px;display:flex}.tab-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:100px;padding:12px 32px;font-family:Outfit,sans-serif;font-weight:500;transition:all .3s}.tab-btn.active{border-color:var(--accent-cyan);color:#fff;background:linear-gradient(135deg,#4facfe33,#00f2fe33);box-shadow:0 0 20px #00f2fe33}.search-bar{margin-bottom:30px}input[type=text]{border:1.5px solid var(--glass-border);color:#fff;text-align:center;background:#0000004d;border-radius:24px;width:100%;padding:24px;font-family:Outfit,sans-serif;font-size:2rem;transition:border-color .3s}input[type=text]:focus{border-color:var(--accent-blue);outline:none}.controls-bar{background:#ffffff05;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:40px;padding:24px;display:flex}.control-wrap{flex-direction:column;gap:6px;display:flex}.control-wrap label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-size:.75rem;font-weight:600}select,input[type=range]{border:1px solid var(--glass-border);color:#fff;background:#0006;border-radius:8px;padding:8px}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:5px;width:120px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%}.primary-btn,.secondary-btn{cursor:pointer;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s}.primary-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#020617;border:none}.secondary-btn{border:1px solid var(--glass-border);color:#fff;background:0 0}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00f2fe4d}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.signature-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:32px;justify-content:center;align-items:center;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.signature-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-8px)scale(1.02)}.card-archetype-badge{text-transform:uppercase;letter-spacing:1px;opacity:.8;border:1px solid;border-radius:100px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:20px;right:20px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;letter-spacing:2px;background:#020617cc;justify-content:center;align-items:center;font-weight:700;transition:opacity .3s;display:flex;position:absolute;inset:0}.signature-card:hover .overlay{opacity:1}.empty-state{text-align:center;background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:32px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;margin-top:20px;padding:100px 20px;display:flex}.empty-state h3{color:#fff;margin-bottom:12px;font-size:2rem}.empty-state p{color:var(--text-secondary);font-size:1.1rem}.ghost-signature{opacity:.5;margin-bottom:16px;font-size:3rem}.seo-section,.faq-section{margin-top:100px}.seo-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:32px;padding:60px}.seo-card h2{text-align:center;margin-bottom:40px;font-size:2.5rem}.seo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;display:grid}.seo-article h3{color:var(--accent-cyan);margin-bottom:12px;font-size:1.4rem}.seo-article p{color:var(--text-secondary);font-size:1rem}.faq-accordion{flex-direction:column;gap:16px;display:flex}.faq-accordion-item{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;overflow:hidden}.faq-accordion-header{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:24px;display:flex}.faq-accordion-header h3{font-size:1.1rem;font-weight:500}.faq-accordion-content{max-height:0;color:var(--text-secondary);padding:0 24px;transition:all .3s;overflow:hidden}.faq-accordion-item.open .faq-accordion-content{max-height:200px;padding-bottom:24px}.modal{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617e6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);background:#0f172a;border-radius:32px;width:100%;max-width:900px;padding:40px;position:relative;box-shadow:0 24px 64px #0009}.close-btn{cursor:pointer;color:var(--text-secondary);font-size:2rem;position:absolute;top:30px;right:30px}.large-canvas-wrapper{border:1px solid var(--glass-border);background:#0000004d;border-radius:24px;justify-content:center;margin:30px 0;display:flex}.large-canvas-wrapper canvas{max-width:100%;height:auto}.export-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.export-buttons-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}@media (max-width:768px){.export-grid{grid-template-columns:1fr}}.splash-screen{z-index:9999;background:#020617;justify-content:center;align-items:center;transition:opacity 1.2s,transform 1.2s;display:flex;position:fixed;inset:0;overflow:hidden}.splash-screen.splash-leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.splash-center{z-index:2;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.splash-logo{filter:drop-shadow(0 0 24px #00f2feb3);border-radius:28px;width:100px;height:100px}.blog-content-rich h3{color:#fff;margin-top:40px;margin-bottom:16px;font-size:1.8rem}.blog-content-rich p{margin-bottom:24px}.blog-content-rich strong{color:#00f2fe}.draw-layout{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.draw-header{margin-bottom:24px}.draw-header h2{margin-bottom:8px;font-size:2rem}.draw-header p{color:var(--text-secondary)}.draw-canvas-wrapper{border:1px solid var(--glass-border);background:#0006;border-radius:24px;justify-content:center;width:100%;max-width:900px;display:flex;position:relative;overflow:hidden}.draw-canvas-wrapper canvas{touch-action:none;max-width:100%;height:auto}.watermark-line{pointer-events:none;background:#ffffff1a;height:1px;position:absolute;top:50%;left:10%;right:10%}.draw-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;display:flex}.brand-kicker{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-weight:700}.hero-link-row,.inline-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.hero-link-row a,.inline-links a,.back-link{color:var(--accent-cyan);font-weight:600;text-decoration:none}.site-footer{max-width:1200px;color:var(--text-secondary);border-top:1px solid var(--glass-border);grid-template-columns:minmax(220px,1fr) 2fr;gap:32px;margin:30px auto 60px;padding:32px 40px;display:grid}.site-footer strong{color:#fff;margin-bottom:8px;display:block}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px;display:flex}.footer-links a{color:var(--text-secondary);font-size:.95rem;text-decoration:none}.content-page{margin-top:40px}.content-hero{text-align:center;max-width:840px;margin:0 auto 56px}.content-hero h1{margin-bottom:18px}.content-hero p{color:var(--text-secondary)}.eyebrow{color:var(--accent-cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:700}.content-grid{gap:28px;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.info-panel,.blog-card,.link-card{border:1px solid var(--glass-border);background:#ffffff06;border-radius:24px}.info-panel{padding:36px}.info-panel.wide{grid-column:1/-1}.info-panel h2,.rich-article h2{color:#fff;margin-bottom:16px;font-size:1.7rem}.info-panel p,.rich-article p{color:var(--text-secondary);margin-bottom:18px}.check-list,.step-list{color:var(--text-secondary);padding-left:22px}.check-list li,.step-list li{margin-bottom:12px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.blog-card{color:inherit;flex-direction:column;gap:14px;min-height:300px;padding:32px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex}.blog-card:hover,.link-card:hover{border-color:#00f2fe59;transform:translateY(-4px)}.blog-card h2{color:#fff;font-size:1.5rem;line-height:1.3}.blog-card p,.blog-meta{color:var(--text-secondary)}.blog-meta{flex-wrap:wrap;gap:16px;margin-top:auto;font-size:.9rem;display:flex}.article-page{max-width:980px}.article-hero{text-align:left}.rich-article{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.rich-article section{margin-bottom:42px}.rich-article h3{color:#fff;margin-bottom:10px;font-size:1.25rem}.faq-inline{border:1px solid var(--glass-border);background:#ffffff05;border-radius:18px;margin-bottom:16px;padding:24px}.seo-link-cluster{margin-top:42px}.seo-link-cluster h3{color:#fff;text-align:center;margin-bottom:18px;font-size:1.4rem}.link-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.link-card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.link-card{color:inherit;flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex}.link-card strong{color:#fff}.link-card span{color:var(--text-secondary);font-size:.95rem}@media (max-width:768px){.app-container{border-radius:32px;margin:20px auto;padding:30px 20px}header h1{font-size:2.5rem}.tabs{flex-direction:column;align-items:center;gap:12px}.tab-btn{text-align:center;width:100%;max-width:300px}.controls-bar{flex-direction:column;align-items:stretch;padding:16px}.control-wrap{width:100%}input[type=text]{padding:16px;font-size:1.5rem}.site-footer,.two-column{grid-template-columns:1fr}.site-footer{padding:24px 20px}.footer-links{justify-content:flex-start}.info-panel{padding:26px}.modal-content{border-radius:20px;padding:24px}.close-btn{top:16px;right:16px}}