@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap";:root{--accent:#6366f1;--accent-hover:#4f46e5;--danger:#ef4444;--shadow-panel:0 8px 32px 0 #0000004d;--glass-blur:blur(16px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-main:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--transition-fast:.2s ease}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0b0f19;--bg-panel:#0f172ad9;--bg-dropdown:#0f172a;--bg-input:#0000004d;--bg-btn:#ffffff0f;--bg-btn-hover:#ffffff24;--border-panel:#ffffff1f;--border-btn-hover:#ffffff40;--text-primary:#f8fafc;--text-secondary:#94a3b8;--canvas-bg:#1e1e2e;--bg-canvas-node:#1e1e2e;--grid-line:#ffffff0d;--shadow-canvas:0 20px 50px #0000008c;--scrollbar-track:#0f172a;--scrollbar-thumb:#94a3b84d;--scrollbar-thumb-hover:#94a3b899}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f1f5f9;--bg-panel:#ffffffe0;--bg-dropdown:#fff;--bg-input:#0000000d;--bg-btn:#0000000d;--bg-btn-hover:#0000001a;--border-panel:#0000001f;--border-btn-hover:#00000038;--text-primary:#0f172a;--text-secondary:#64748b;--canvas-bg:#fff;--bg-canvas-node:#fff;--grid-line:#0000000d;--shadow-canvas:0 20px 50px #0000001f;--scrollbar-track:#e2e8f0;--scrollbar-thumb:#64748b59;--scrollbar-thumb-hover:#64748b99}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;overflow-x:hidden}.glass{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-panel)}#theme-toggle{background:var(--bg-btn);border:1px solid var(--border-panel);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}#theme-toggle:hover{background:var(--bg-btn-hover);border-color:var(--accent);color:var(--accent)}#theme-toggle .toggle-icon{font-size:16px;line-height:1;transition:transform .3s}#theme-toggle:hover .toggle-icon{transform:rotate(20deg)scale(1.2)}#landing-theme-toggle,.theme-btn-landing{background:var(--bg-btn);border:1px solid var(--border-panel);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}#landing-theme-toggle:hover,.theme-btn-landing:hover{background:var(--bg-btn-hover);border-color:var(--accent);transform:translateY(-1px)}#landing-theme-toggle .toggle-icon,.theme-btn-landing .toggle-icon{font-size:16px;line-height:1}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.app-toast{color:#f8fafc;opacity:0;z-index:2000;pointer-events:none;background:#1e1b4b;border:1px solid #6366f1;border-radius:30px;padding:10px 20px;font-size:13px;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 30px #0006}.app-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.active-tab{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-btn);color:var(--text-primary);border:1px solid var(--border-panel)}.btn-secondary:hover{background:var(--bg-btn-hover);border-color:var(--border-btn-hover)}.btn-danger{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;width:100%;padding:8px 12px;font-weight:600}.btn-danger:hover{color:#fff;background:#ef4444}#editor-ui{grid-template:"nav nav nav"56px"sidebar main props"1fr/280px 1fr 300px;width:100vw;height:100vh;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}#editor-ui.sidebar-collapsed{grid-template-columns:0 1fr 300px}#editor-ui.props-collapsed{grid-template-columns:280px 1fr 0}#editor-ui.sidebar-collapsed.props-collapsed{grid-template-columns:0 1fr 0}.editor-nav-header{border-bottom:1px solid var(--border-panel);z-index:50;grid-area:nav;align-items:center;padding:0 20px;display:flex}.back-home-btn{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.back-home-btn:hover{color:var(--accent)}.back-home-mobile{display:none}.back-home-desktop{align-items:center;display:inline-flex}.editor-brand-wrapper{align-items:center;gap:10px;display:flex}.editor-header-title{color:var(--text-primary);font-size:14px;font-weight:700}#sidebar{border-right:1px solid var(--border-panel);z-index:20;flex-direction:column;grid-area:sidebar;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s,border-color .3s;display:flex;overflow-y:auto}#editor-ui.sidebar-collapsed #sidebar{opacity:0;pointer-events:none;border-right:1px solid #0000;padding:0;transform:translate(-100%)}#canvas-container{background:var(--bg-app);flex-direction:column;grid-area:main;display:flex;position:relative;overflow:hidden}#canvas-topbar{border-bottom:1px solid var(--border-panel);background:var(--bg-panel);z-index:10;align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}#canvas-scroll-area{background-image:radial-gradient(var(--grid-line) 1.5px, transparent 1.5px);background-size:20px 20px;flex:1;padding:40px;display:flex;position:relative;overflow:auto}#properties-panel{border-left:1px solid var(--border-panel);z-index:20;flex-direction:column;grid-area:props;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s,border-color .3s;display:flex;overflow-y:auto}#editor-ui.props-collapsed #properties-panel{opacity:0;pointer-events:none;border-left:1px solid #0000;padding:0;transform:translate(100%)}.app-logo{align-items:center;gap:10px;display:flex}.app-logo-icon{flex-shrink:0;width:32px;height:32px}.app-logo-name{font-size:15px;font-weight:800;line-height:1.1}.app-logo-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:10px}.accent{color:var(--accent)}h3{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-top:14px;margin-bottom:8px;font-size:11px;font-weight:700}hr{border:none;border-top:1px solid var(--border-panel);margin:12px 0}.tool-btn{background:var(--bg-btn);border:1px solid var(--border-panel);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.tool-btn:hover{background:var(--bg-btn-hover);border-color:var(--border-btn-hover)}.active-style{border-color:var(--accent)!important;color:var(--accent)!important;background:#6366f126!important}.topbar-btn{background:var(--bg-btn);border:1px solid var(--border-panel);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex}.topbar-btn:hover{background:var(--bg-btn-hover)}.topbar-btn--disabled{opacity:.4;cursor:not-allowed}.topbar-btn--accent{background:var(--accent);color:#fff;border:none}.topbar-btn--danger:hover{color:#ef4444;background:#ef444433}.topbar-sep{background:var(--border-panel);width:1px;height:20px;margin:0 4px}.property-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.property-group label{color:var(--text-secondary);font-size:11px;font-weight:600}.property-input{background:var(--bg-input);border:1px solid var(--border-panel);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:7px 10px;font-family:inherit;font-size:12px}.property-input:focus{border-color:var(--accent)}select.property-input{cursor:pointer;background-color:var(--bg-dropdown,var(--bg-app));color:var(--text-primary)}select.property-input option{background-color:var(--bg-dropdown,var(--bg-app));color:var(--text-primary);padding:6px 10px}.row{gap:8px;display:flex}.row>.property-group{flex:1}#connection-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.uml-node{box-sizing:border-box;z-index:3}.uml-node.selected{outline:2px solid #f59e0b;box-shadow:0 0 0 4px #f59e0b33}.uml-node.multi-selected{outline:2px dashed #6366f1}.anchor-dot{opacity:0;pointer-events:auto;cursor:crosshair;z-index:10;background:#6366f1;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:opacity .2s,transform .2s;position:absolute}.uml-node:hover .anchor-dot{opacity:.85}.anchor-dot:hover,.anchor-dot--snap{background:#f59e0b;transform:scale(1.4);opacity:1!important}.anchor-dot--top{top:-6px;left:calc(50% - 6px)}.anchor-dot--right{top:calc(50% - 6px);right:-6px}.anchor-dot--bottom{bottom:-6px;left:calc(50% - 6px)}.anchor-dot--left{top:calc(50% - 6px);left:-6px}.resize-handle{cursor:se-resize;opacity:0;z-index:10;background:#6366f1;border:2px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-5px;right:-5px}.uml-node:hover .resize-handle,.uml-node.selected .resize-handle{opacity:1}.rotate-handle{cursor:grab;opacity:0;z-index:10;background:#10b981;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-22px;left:calc(50% - 5px)}.uml-node:hover .rotate-handle,.uml-node.selected .rotate-handle{opacity:1}.panel-floating-toggle{z-index:105;background:var(--bg-panel);border:1px solid var(--border-panel);width:22px;height:52px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);transition:left .3s cubic-bezier(.4, 0, .2, 1), right .3s cubic-bezier(.4, 0, .2, 1), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform .15s ease;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000038}.panel-floating-toggle:hover{background:var(--bg-btn-hover);color:var(--accent);border-color:var(--accent)}.panel-floating-toggle:active{transform:translateY(-50%)scale(.92)}.panel-floating-toggle--left{border-left:none;border-radius:0 8px 8px 0;left:280px}#editor-ui.sidebar-collapsed .panel-floating-toggle--left{border-left:1px solid var(--border-panel);border-radius:0 8px 8px 0;left:0}.panel-floating-toggle--right{border-right:none;border-radius:8px 0 0 8px;right:300px}#editor-ui.props-collapsed .panel-floating-toggle--right{border-right:1px solid var(--border-panel);border-radius:8px 0 0 8px;right:0}.panel-floating-toggle .toggle-icon-svg{width:14px;height:14px;transition:transform .3s}#editor-ui.sidebar-collapsed .panel-floating-toggle--left .toggle-icon-svg,#editor-ui.props-collapsed .panel-floating-toggle--right .toggle-icon-svg{transform:rotate(180deg)}.mobile-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}@media (width<=768px){#editor-ui{grid-template:"nav"56px"main"1fr/1fr}#sidebar{z-index:100;width:280px;transition:transform .3s;position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}#sidebar.open{transform:translate(0)}#properties-panel{z-index:100;width:300px;transition:transform .3s;position:fixed;top:56px;bottom:0;right:0;transform:translate(100%)}#properties-panel.open{transform:translate(0)}.panel-floating-toggle--left{border-left:1px solid var(--border-panel);border-radius:0 8px 8px 0;left:0}.panel-floating-toggle--left .toggle-icon-svg{transform:rotate(180deg)}#editor-ui.sidebar-open-mobile .panel-floating-toggle--left{left:280px}#editor-ui.sidebar-open-mobile .panel-floating-toggle--left .toggle-icon-svg{transform:rotate(0)}.panel-floating-toggle--right{border-right:1px solid var(--border-panel);border-radius:8px 0 0 8px;right:0}.panel-floating-toggle--right .toggle-icon-svg{transform:rotate(180deg)}#editor-ui.props-open-mobile .panel-floating-toggle--right{right:300px}#editor-ui.props-open-mobile .panel-floating-toggle--right .toggle-icon-svg{transform:rotate(0)}.editor-header-title,.back-home-desktop{display:none}.back-home-mobile{border-radius:var(--radius-sm);background:var(--bg-btn);border:1px solid var(--border-panel);width:32px;height:32px;color:var(--text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.back-home-mobile:hover{background:var(--bg-btn-hover);color:var(--accent);border-color:var(--accent)}}.landing-header{z-index:100;border-bottom:1px solid var(--border-panel);padding:16px 24px;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo-icon{width:36px;height:36px}.header-logo-text{font-size:18px;font-weight:800}.header-nav{align-items:center;gap:20px;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--accent)}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:60px auto 80px;padding:0 24px;display:grid}.hero-badge{color:var(--accent);background:#6366f126;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.hero-title{margin-bottom:20px;font-size:44px;font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:16px;line-height:1.6}.hero-actions{gap:16px;display:flex}.features-section,.templates-section,.products-section,.feedback-section,.usecases-section,.guide-section,.faq-section,.legal-section{max-width:1200px;margin:80px auto;padding:0 24px}.section-title{text-align:center;margin-bottom:10px;font-size:32px;font-weight:800}.section-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:40px;font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.feature-card{border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);padding:24px}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}.card-icon{margin-bottom:12px;font-size:28px}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;width:100%;display:grid}.template-card{border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast);padding:24px}.template-card:hover{border-color:var(--accent);transform:translateY(-4px)}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{border-radius:var(--radius-sm);cursor:pointer;padding:16px 20px}.faq-question{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.faq-answer{color:var(--text-secondary);margin-top:12px;font-size:14px;line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-arrow{transform:rotate(180deg)}.landing-footer{border-top:1px solid var(--border-panel);margin-top:80px;padding:40px 24px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.footer-logo-text{font-size:18px;font-weight:800}.footer-desc{color:var(--text-secondary);max-width:320px;margin-top:10px;font-size:13px}.footer-col-links{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.footer-col-links a{color:var(--text-secondary);font-size:13px;text-decoration:none}.footer-col-links a:hover{color:var(--accent)}@media (width<=900px){.hero-section{text-align:center;grid-template-columns:1fr}.hero-actions{justify-content:center}.footer-grid{grid-template-columns:1fr}}.share-section{max-width:1200px;margin:60px auto 80px;padding:0 24px}.share-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-canvas);border:1px solid var(--border-panel);background:linear-gradient(135deg,#6366f11a 0%,#a855f70d 100%);padding:40px;position:relative;overflow:hidden}.share-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:800px;margin:0 auto;display:flex;position:relative}.share-badge{color:var(--accent);background:#6366f126;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.share-title{color:var(--text-primary);font-size:32px;font-weight:800}.share-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:8px;font-size:15px;line-height:1.6}.share-buttons-grid{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;margin-bottom:12px;display:flex}.share-btn{border-radius:var(--radius-md);color:#fff;transition:all var(--transition-fast);align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex;box-shadow:0 4px 12px #00000026}.share-btn--twitter{background:#1d9bf0}.share-btn--twitter:hover{background:#0c85d0;transform:translateY(-2px);box-shadow:0 6px 16px #1d9bf059}.share-btn--linkedin{background:#0077b5}.share-btn--linkedin:hover{background:#005a8a;transform:translateY(-2px);box-shadow:0 6px 16px #0077b559}.share-btn--facebook{background:#1877f2}.share-btn--facebook:hover{background:#125dc2;transform:translateY(-2px);box-shadow:0 6px 16px #1877f259}.share-btn--whatsapp{background:#25d366}.share-btn--whatsapp:hover{background:#1ebd58;transform:translateY(-2px);box-shadow:0 6px 16px #25d36659}.share-btn--reddit{background:#ff4500}.share-btn--reddit:hover{background:#da3b00;transform:translateY(-2px);box-shadow:0 6px 16px #ff450059}.share-copy-container{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:500px;margin-top:16px;display:flex}.share-copy-label{color:var(--text-secondary);padding-left:2px;font-size:12px;font-weight:600}.share-copy-field{background:var(--bg-input);border:1px solid var(--border-panel);border-radius:var(--radius-md);align-items:center;gap:10px;padding:6px;display:flex}.share-copy-field .property-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:500}.share-copy-field .btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;padding:8px 16px;font-size:13px}.share-visual-glowing{pointer-events:none;z-index:1;filter:blur(40px);background:radial-gradient(circle,#6366f126 0%,#a855f700 60%);width:140%;height:200%;animation:10s infinite alternate pulse-glow;position:absolute;top:-50%;left:-20%}@keyframes pulse-glow{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(10px)scale(1.05)}}.floating-share-bar{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);z-index:99;transition:all var(--transition-fast);flex-direction:column;gap:12px;padding:10px;display:flex;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.float-share-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);background:var(--bg-btn);border:1px solid var(--border-panel);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.float-share-btn:hover{color:#fff;transform:scale(1.1)}.float-share-btn--twitter:hover{background:#1d9bf0;border-color:#1d9bf0}.float-share-btn--linkedin:hover{background:#0077b5;border-color:#0077b5}.float-share-btn--whatsapp:hover{background:#25d366;border-color:#25d366}.float-share-btn--reddit:hover{background:#ff4500;border-color:#ff4500}.float-share-btn--copy:hover{background:var(--accent);border-color:var(--accent)}.float-share-btn .tooltip{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-panel);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:50%;left:54px;transform:translateY(-50%)translate(-10px)}.float-share-btn:hover .tooltip{opacity:1;transform:translateY(-50%)translate(0)}@media (width<=900px){.floating-share-bar{border-radius:30px;flex-direction:row;padding:8px 12px;top:auto;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.float-share-btn .tooltip{display:none}}.products-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;margin-top:16px;display:grid}.product-category{border-radius:var(--radius-lg);transition:border-color var(--transition-fast);flex-direction:column;gap:20px;padding:24px;display:flex}.product-category:hover{border-color:var(--accent)}.category-header{border-bottom:1px solid var(--border-panel);align-items:center;gap:12px;padding-bottom:14px;display:flex}.category-icon{font-size:24px}.category-header h3{color:var(--text-primary);text-transform:none;letter-spacing:normal;flex:1;margin:0;font-size:15px;font-weight:700}.category-badge{color:var(--accent);background:#6366f11f;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700}.product-list{flex-direction:column;gap:12px;list-style:none;display:flex}.product-item-link{border-radius:var(--radius-sm);background:var(--bg-btn);border:1px solid var(--border-panel);transition:all var(--transition-fast);flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;display:flex}.product-item-link:hover{background:var(--bg-btn-hover);border-color:var(--accent);transform:translate(4px)}.product-name{color:var(--text-primary);transition:color var(--transition-fast);font-size:14px;font-weight:600}.product-item-link:hover .product-name{color:var(--accent)}.product-desc{color:var(--text-secondary);font-size:12px}@media (width<=768px){.products-container{grid-template-columns:1fr}}.feedback-board-container{grid-template-columns:360px 1fr;align-items:start;gap:32px;width:100%;margin-top:16px;display:grid}.feedback-form-card{border-radius:var(--radius-lg);text-align:left;transition:border-color var(--transition-fast);flex-direction:column;gap:16px;padding:24px;display:flex}.feedback-form-card:hover{border-color:var(--accent)}.feedback-entries-wrapper{text-align:left;flex-direction:column;gap:12px;display:flex}.feedback-board-grid{flex-direction:column;gap:16px;max-height:540px;padding-right:12px;display:flex;overflow-y:auto}.feedback-card{border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:12px;padding:20px;display:flex}.feedback-card-header{align-items:center;gap:12px;display:flex}.feedback-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.feedback-user-info{flex-direction:column;display:flex}.feedback-user-name{color:var(--text-primary);font-size:14px;font-weight:600}.feedback-user-role{color:var(--text-secondary);font-size:11px;font-weight:500}.feedback-text{color:var(--text-secondary);white-space:pre-line;font-size:13px;line-height:1.5}.feedback-reply{border-radius:var(--radius-sm);border-left:3px solid var(--accent);background:#6366f114;margin-top:8px;padding:12px}.reply-header{color:var(--accent);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.reply-text{color:var(--text-primary);font-size:12px;line-height:1.4}.feedback-loading,.feedback-empty{text-align:center;color:var(--text-secondary);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.spinner{border:3px solid var(--border-panel);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin-anim}@keyframes spin-anim{to{transform:rotate(360deg)}}@media (width<=900px){.feedback-board-container{grid-template-columns:1fr;gap:24px}.feedback-board-grid{max-height:400px}}.about-page{flex-direction:column;gap:40px;max-width:1080px;margin:40px auto 80px;padding:0 24px;display:flex}.about-hero{text-align:center;margin-bottom:20px}.about-card{border-radius:var(--radius-lg);border:1px solid var(--border-panel);transition:border-color var(--transition-fast);flex-direction:column;gap:20px;padding:36px 40px;display:flex}.about-card:hover{border-color:var(--accent)}.about-card-badge{color:var(--accent);background:#6366f11f;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.about-card h2{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.3}.about-lead-text{color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.7}.about-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.values-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:10px;display:grid}.value-item{border-radius:var(--radius-md);border:1px solid var(--border-panel);flex-direction:column;gap:10px;padding:24px;display:flex}.value-icon{font-size:28px}.value-item h4{color:var(--text-primary);font-size:16px;font-weight:700}.value-item p{color:var(--text-secondary);font-size:13px;line-height:1.6}.feature-highlights-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:12px;display:grid}.feature-highlight-card{border-radius:var(--radius-md);background:var(--bg-btn);border:1px solid var(--border-panel);transition:all var(--transition-fast);align-items:flex-start;gap:16px;padding:16px;display:flex}.feature-highlight-card:hover{background:var(--bg-btn-hover);border-color:var(--accent)}.feature-highlight-icon{flex-shrink:0;padding-top:2px;font-size:24px}.feature-highlight-card h4{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.feature-highlight-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.audience-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:12px;display:grid}.audience-card{border-radius:var(--radius-md);border:1px solid var(--border-panel);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:14px;padding:28px;display:flex}.audience-card:hover{border-color:var(--accent);transform:translateY(-3px)}.audience-header{align-items:center;gap:12px;display:flex}.audience-icon{font-size:26px}.audience-header h3{color:var(--text-primary);text-transform:none;letter-spacing:normal;margin:0;font-size:17px;font-weight:700}.audience-list{flex-direction:column;gap:8px;margin-top:6px;padding-left:0;list-style:none;display:flex}.audience-list li{color:var(--text-secondary);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.audience-list li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:4px}.ecosystem-links-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.ecosystem-card{border-radius:var(--radius-md);border:1px solid var(--border-panel);transition:all var(--transition-fast);flex-direction:column;gap:6px;padding:20px;text-decoration:none;display:flex}.ecosystem-card:hover{border-color:var(--accent);background:var(--bg-btn-hover);transform:translateY(-3px)}.eco-icon{font-size:24px}.eco-name{color:var(--text-primary);font-size:15px;font-weight:700}.ecosystem-card:hover .eco-name{color:var(--accent)}.eco-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.about-cta-card{border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-panel);background:linear-gradient(135deg,#6366f11f 0%,#a855f714 100%);padding:48px 32px}.about-cta-card h2{color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:800}.about-cta-card p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:15px}@media (width<=768px){.about-card{padding:24px 20px}.audience-grid,.values-grid,.feature-highlights-grid{grid-template-columns:1fr}}