@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary:#0ea5e9;--color-primary-light:#38bdf8;--color-primary-dark:#0284c7;--color-primary-glow:#0ea5e933;--color-accent:#f43f5e;--color-accent-light:#fb7185;--color-bg:#fffbeb;--color-bg-card:#fff;--color-bg-card-hover:#fef3c7;--color-bg-elevated:#fef08a;--color-bg-input:#fff;--color-surface:#fde68a;--color-border:#000;--color-border-light:#000;--color-text:#000;--color-text-secondary:#333;--color-text-muted:#555;--color-text-inverse:#fff;--color-risk-low:#84cc16;--color-risk-low-bg:#84cc1633;--color-risk-medium:#f97316;--color-risk-medium-bg:#f9731633;--color-risk-high:#f43f5e;--color-risk-high-bg:#f43f5e33;--color-success:#84cc16;--color-success-bg:#84cc1633;--color-warning:#f97316;--color-warning-bg:#f9731633;--color-error:#f43f5e;--color-error-bg:#f43f5e33;--color-savings:#84cc16;--color-investment:#0ea5e9;--color-insurance:#f97316;--color-crypto:#f43f5e;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:4px 4px 0px #000;--shadow-md:6px 6px 0px #000;--shadow-lg:8px 8px 0px #000;--shadow-glow:4px 4px 0px var(--color-primary);--shadow-card:4px 4px 0px #000;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--max-width:1280px;--navbar-height:70px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}a{color:var(--color-primary-dark);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-family);font-size:var(--text-base);border:2px solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-weight:var(--weight-bold);transition:transform .1s,box-shadow .1s}button:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}button:active{transform:translate(0);box-shadow:0 0 #000}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-input);border:2px solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{background:var(--color-bg-card-hover);box-shadow:var(--shadow-sm);outline:none;transform:translate(-2px,-2px)}::selection{background:var(--color-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:2px solid var(--color-text)}::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-text);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.page-container{max-width:var(--max-width);padding:var(--space-xl) var(--space-md);padding-top:calc(var(--navbar-height) + var(--space-xl));margin:0 auto;animation:.4s fadeIn}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);width:48px;height:48px;margin:var(--space-3xl) auto;border-radius:50%;animation:.8s linear infinite spin}.loading-container{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text);font-weight:var(--weight-bold);font-size:var(--text-lg);flex-direction:column;display:flex}.error-message{background:var(--color-error);color:var(--color-text-inverse);border:2px solid var(--color-text);box-shadow:var(--shadow-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);text-align:center;font-weight:var(--weight-bold)}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--color-text);border:2px dashed var(--color-text);border-radius:var(--radius-lg);background:var(--color-surface)}.empty-state h3{font-size:var(--text-2xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:var(--weight-bold)}.empty-state p{margin-bottom:var(--space-xl);font-size:var(--text-lg)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover{background:#a3e635}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-lg);color:var(--color-text)}#root{min-height:100vh}.navbar{height:var(--navbar-height);background:var(--color-bg-card);border-bottom:2px solid var(--color-text);z-index:var(--z-sticky);padding:0 var(--space-lg);box-shadow:var(--shadow-sm);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);text-decoration:none;display:flex}.navbar-brand-icon{background:var(--color-primary);border:2px solid var(--color-text);border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-lg);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.navbar-links{align-items:center;gap:var(--space-xs);list-style:none;display:flex}.navbar-link{color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-bold);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000;text-decoration:none;position:relative}.navbar-link:hover{background:var(--color-bg-elevated);border:2px solid var(--color-text);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.navbar-link.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-text);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.navbar-badge{background:var(--color-accent);color:var(--color-text-inverse);font-size:10px;font-weight:var(--weight-bold);border-radius:var(--radius-full);border:2px solid var(--color-text);justify-content:center;align-items:center;width:20px;height:20px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.navbar-toggle{background:var(--color-bg-input);color:var(--color-text);font-size:var(--text-xl);padding:var(--space-sm);border:2px solid var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:none}@media (width<=768px){.navbar-toggle{display:block}.navbar-links{top:var(--navbar-height);background:var(--color-bg-card);padding:var(--space-md);border-bottom:2px solid var(--color-text);opacity:0;pointer-events:none;transition:transform var(--transition-base), opacity var(--transition-base);flex-direction:column;position:fixed;left:0;right:0;transform:translateY(-100%)}.navbar-links-open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-link{text-align:center;width:100%;padding:var(--space-md)}}.risk-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--color-text);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.risk-badge--low{color:var(--color-text);background:var(--color-risk-low)}.risk-badge--medium{color:var(--color-text);background:var(--color-risk-medium)}.risk-badge--high{color:var(--color-text);background:var(--color-risk-high)}.return-display{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);background:var(--color-success);border-radius:var(--radius-md);border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);padding:2px 8px;display:inline-block}.category-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:capitalize;border:2px solid var(--color-text);background:var(--color-bg-card);padding:3px 10px;display:inline-block}.category-badge-savings{background:var(--color-savings);color:var(--color-text)}.category-badge-investment{background:var(--color-investment);color:var(--color-text)}.category-badge-insurance{background:var(--color-insurance);color:var(--color-text)}.category-badge-crypto{background:var(--color-crypto);color:var(--color-text)}.product-card{background:var(--color-bg-card);border:4px solid var(--color-text);border-radius:var(--radius-lg);transition:transform var(--transition-fast);box-shadow:6px 6px 0 var(--color-text);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:8px 8px 0 var(--color-text);transform:translate(-4px,-4px)}.product-card-image-container{background:var(--color-bg-elevated);width:100%;height:200px;padding:var(--space-lg);border-bottom:4px solid var(--color-text);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-card-image{object-fit:contain;max-width:80%;max-height:160px;transition:transform var(--transition-base)}.product-card:hover .product-card-image{transform:scale(1.05)}.product-card-overlay{justify-content:center;align-items:center;gap:var(--space-sm);opacity:0;padding:var(--space-md);border-bottom:2px solid var(--color-text);background:#fffffff2;flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:0}.product-card:hover .product-card-overlay{opacity:1}.product-card-overlay-item{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-bold)}.product-card-overlay-item span{color:var(--color-text);font-weight:var(--weight-bold);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--color-text);padding:2px 6px}.product-card-body{padding:var(--space-md);gap:var(--space-sm);background:#fff;flex-direction:column;flex:1;display:flex}.product-card-name{font-size:var(--text-lg);color:var(--color-text);font-weight:900;line-height:var(--leading-tight);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.product-card-actions{gap:var(--space-md);padding-top:var(--space-md);margin-top:auto;display:flex}.product-card-actions button{padding:var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-md);border:2px solid var(--color-text);box-shadow:3px 3px 0 var(--color-text);flex:1;font-weight:800;transition:transform .1s}.product-card-actions button:hover{box-shadow:5px 5px 0 var(--color-text);transform:translate(-2px,-2px)}.product-card-btn-details{background:var(--color-bg-elevated);color:var(--color-text)}.product-card-btn-add{background:var(--color-primary);color:var(--color-text-inverse)}.product-card-btn-added{background:var(--color-success);color:var(--color-text-inverse)}.product-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));animation:.3s fadeIn;display:grid}@media (width<=600px){.product-grid{grid-template-columns:1fr}.product-card-image-container{height:160px}}.home-hero{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl)}.home-hero-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-inverse);background:var(--color-accent);border:2px solid var(--color-text);border-radius:var(--radius-full);margin-bottom:var(--space-lg);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-sm);padding:4px 14px;display:inline-block}.home-hero-title{font-size:clamp(var(--text-3xl), 5vw, var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-md);color:var(--color-text)}.home-hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl);line-height:var(--leading-relaxed);font-weight:var(--weight-bold)}.home-hero-cta{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.home-stats{justify-content:center;gap:var(--space-xl);padding:var(--space-xl) 0;margin:var(--space-xl) 0;border-top:4px solid var(--color-text);border-bottom:4px solid var(--color-text);background:var(--color-surface);display:flex}.home-stat{text-align:center}.home-stat-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--color-primary-dark)}.home-stat-label{font-size:var(--text-base);color:var(--color-text);font-weight:var(--weight-bold);margin-top:4px}.home-categories{margin:var(--space-2xl) 0}.home-categories-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.home-category-card{background:var(--color-bg-card);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast);gap:var(--space-sm);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}.home-category-card:hover{box-shadow:var(--shadow-lg);background:var(--color-bg-card-hover);transform:translate(-4px,-4px)}.home-category-card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-sm)}.home-category-card-name{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.home-category-card-desc{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--weight-bold)}.home-featured{margin:var(--space-2xl) 0}@media (width<=600px){.home-stats{gap:var(--space-md);flex-direction:column}.home-categories-grid{grid-template-columns:1fr}}.filter-panel{background:var(--color-bg-card);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.filter-panel-header{border-bottom:2px solid var(--color-text);padding-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.filter-panel-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.filter-panel-count{font-size:var(--text-sm);color:var(--color-text);background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--color-text);font-weight:var(--weight-bold);padding:4px 12px}.filter-group{gap:var(--space-sm);flex-direction:column;display:flex}.filter-group-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.filter-group-checkboxes{gap:var(--space-md);flex-wrap:wrap;display:flex}.filter-checkbox{cursor:pointer;font-size:var(--text-sm);color:var(--color-text);font-weight:var(--weight-medium);align-items:center;gap:8px;display:flex}.filter-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;border:2px solid var(--color-text)}.filter-group-input-row{gap:var(--space-sm);align-items:center;display:flex}.filter-group-input-row input{width:100px;font-weight:var(--weight-bold);padding:8px 12px}.filter-group-input-row span{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold)}.filter-group select{width:100%;max-width:220px;font-weight:var(--weight-bold);padding:8px 12px}.filter-group input[type=number]{width:100%;max-width:220px;font-weight:var(--weight-bold)}.filter-panel-reset{font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-elevated);border:2px solid var(--color-text);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--weight-bold);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-self:flex-start;padding:6px 14px}.filter-panel-reset:hover{background:var(--color-error);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}@media (width<=600px){.filter-panel{padding:var(--space-md)}.filter-group-input-row{flex-direction:column;align-items:flex-start}.filter-group-input-row input{width:100%}}.products-page{gap:var(--space-xl);grid-template-columns:280px 1fr;align-items:start;display:grid}.products-page-header{grid-column:1/-1}.products-page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-sm);color:var(--color-text)}.products-page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-bold)}@media (width<=900px){.products-page{grid-template-columns:1fr}}.product-detail{gap:var(--space-2xl);grid-template-columns:400px 1fr;align-items:start;display:grid}.product-detail-image-card{border-radius:var(--radius-lg);padding:var(--space-2xl);border:4px solid var(--color-text);top:calc(var(--navbar-height) + var(--space-xl));box-shadow:var(--shadow-md);background:#fff;justify-content:center;align-items:center;display:flex;position:sticky}.product-detail-image{object-fit:contain;max-width:100%;max-height:300px}.product-detail-content{gap:var(--space-xl);flex-direction:column;display:flex}.product-detail-name{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.product-detail-badges{gap:var(--space-sm);flex-wrap:wrap;display:flex}.product-detail-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-weight:var(--weight-bold)}.product-detail-attrs{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.product-attr{background:var(--color-bg-card);border:2px solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.product-attr-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-bold)}.product-attr-value{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-top:4px}.risk-viz{background:var(--color-bg-card);border:4px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.risk-viz-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-md);text-transform:uppercase}.risk-viz-track{background:var(--color-bg);border:2px solid var(--color-text);border-radius:var(--radius-full);height:12px;position:relative;overflow:hidden}.risk-viz-fill{height:100%;transition:width var(--transition-slow);border-right:2px solid var(--color-text);border-radius:0}.risk-viz-labels{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-bold);text-transform:uppercase;justify-content:space-between;display:flex}.decision-insight{background:var(--color-accent);border:4px solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-md)}.decision-insight-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-sm)}.decision-insight-text{color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-relaxed);font-weight:var(--weight-bold)}.return-calculator{background:var(--color-surface);border:4px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.return-calculator-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-md);color:var(--color-text)}.return-calculator-input-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.return-calculator-input-row label{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;font-weight:var(--weight-bold)}.return-calculator-input-row input{max-width:200px;font-family:var(--font-mono)}.return-calculator-projections{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.projection-card{background:var(--color-bg-elevated);border:2px solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-sm)}.projection-card-period{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase}.projection-card-value{font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--color-success)}.projection-card-gain{font-size:var(--text-xs);color:var(--color-text);font-weight:var(--weight-bold);background:var(--color-success-light);border-radius:var(--radius-full);border:1px solid var(--color-success);margin-top:2px;padding:2px 6px;display:inline-block}.product-comparison{background:var(--color-bg-card);border:4px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.product-comparison-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-md);color:var(--color-text)}.product-comparison-select{margin-bottom:var(--space-lg);max-width:400px}.product-comparison-table{background:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-md);grid-template-columns:140px 1fr 1fr;gap:2px;display:grid;overflow:hidden}.comparison-cell{background:var(--color-bg-elevated);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-bold)}.comparison-cell-header{background:var(--color-primary-dark);color:var(--color-text-inverse);font-weight:var(--weight-bold)}.comparison-cell-label{background:var(--color-surface);font-weight:var(--weight-bold);color:var(--color-text);font-size:var(--text-xs);text-transform:uppercase}.product-detail-actions{gap:var(--space-md);display:flex}@media (width<=900px){.product-detail{grid-template-columns:1fr}.product-detail-image-card{position:static}.product-detail-attrs,.return-calculator-projections{grid-template-columns:1fr}.product-comparison-table{grid-template-columns:100px 1fr 1fr}}.profile-form{background:var(--color-bg-card);border:4px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);max-width:640px;box-shadow:6px 6px 0 var(--color-text);flex-direction:column;display:flex}.profile-form-title{font-size:var(--text-2xl);color:var(--color-text);text-transform:uppercase;font-weight:900}.form-field{gap:var(--space-sm);flex-direction:column;display:flex}.form-field-label{font-size:var(--text-sm);color:var(--color-text);font-weight:800}.form-field-radio-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.form-field-radio{cursor:pointer;font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-elevated);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);align-items:center;gap:6px;font-weight:700;transition:transform .1s;display:flex}.form-field-radio:hover{box-shadow:4px 4px 0 var(--color-text);transform:translate(-2px,-2px)}.form-field-radio input[type=radio]{accent-color:var(--color-primary)}.form-field-radio-selected{background:var(--color-primary);color:#fff}.form-field-error{color:var(--color-error);font-size:var(--text-xs);font-weight:700}.form-field select,.form-field input[type=number]{border:2px solid var(--color-text);max-width:300px;padding:8px;font-weight:600}.profile-form-submit{padding:var(--space-md) var(--space-xl);align-self:center;width:100%;font-weight:800}.profile-form-success{color:var(--color-success);font-size:var(--text-sm);align-items:center;gap:var(--space-sm);font-weight:800;animation:.3s fadeIn;display:flex}.profile-form-match-count{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-md)}.profile-form-match-count strong{color:var(--color-primary-light)}.portfolio-summary{background:var(--color-bg-card);border:4px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);margin-bottom:var(--space-xl);box-shadow:6px 6px 0 var(--color-text);flex-direction:column;display:flex}.portfolio-summary-title{font-size:var(--text-2xl);text-transform:uppercase;font-weight:900}.portfolio-summary-stats{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.portfolio-summary-stat{background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-md);border:2px solid var(--color-text);box-shadow:3px 3px 0 var(--color-text);flex-direction:column;gap:4px;display:flex}.portfolio-summary-stat-label{font-size:var(--text-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;font-weight:800}.portfolio-summary-stat-value{font-size:var(--text-3xl);font-weight:900}.portfolio-summary-stat-value-return{color:var(--color-success)}.risk-distribution{gap:var(--space-sm);flex-direction:column;display:flex}.risk-distribution-title{font-size:var(--text-sm);color:var(--color-text);text-transform:uppercase;font-weight:800}.risk-bar{align-items:center;gap:var(--space-md);display:flex}.risk-bar-label{width:70px;font-size:var(--text-sm);text-transform:capitalize;font-weight:800}.risk-bar-track{background:var(--color-bg);border:2px solid var(--color-text);border-radius:var(--radius-sm);flex:1;height:16px;overflow:hidden}.risk-bar-fill{border-right:2px solid var(--color-text);height:100%;transition:width var(--transition-slow)}.risk-bar-fill-low{background:var(--color-risk-low)}.risk-bar-fill-medium{background:var(--color-risk-medium)}.risk-bar-fill-high{background:var(--color-risk-high)}.risk-bar-value{text-align:right;width:50px;font-size:var(--text-sm);font-family:var(--font-mono);font-weight:800}.portfolio-summary-warning{background:var(--color-warning);color:var(--color-text);border:2px solid var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;gap:var(--space-sm);box-shadow:4px 4px 0 var(--color-text);font-weight:800;display:flex}.portfolio-item{align-items:center;gap:var(--space-md);background:var(--color-bg-card);border:3px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:4px 4px 0 var(--color-text);transition:transform .1s;display:flex}.portfolio-item:hover{box-shadow:6px 6px 0 var(--color-text);transform:translate(-2px,-2px)}.portfolio-item-image{object-fit:contain;border-radius:var(--radius-md);border:2px solid var(--color-text);background:#fff;flex-shrink:0;width:48px;height:48px;padding:4px}.portfolio-item-info{flex:1;min-width:0}.portfolio-item-name{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.portfolio-item-meta{font-size:var(--text-xs);gap:var(--space-sm);margin-top:4px;display:flex}.portfolio-item-amount-input{text-align:right;border:2px solid var(--color-text);width:140px;box-shadow:2px 2px 0 var(--color-text);padding:8px 12px;font-weight:700}.portfolio-item-amount-input:focus{border-color:var(--color-primary);outline:none}.portfolio-item-remove{color:var(--color-text);font-size:var(--text-lg);padding:var(--space-sm) 12px;border-radius:var(--radius-md);border:2px solid var(--color-text);box-shadow:2px 2px 0 var(--color-text);background:#fff;font-weight:800;transition:transform .1s}.portfolio-item-remove:hover{color:var(--color-text);background:var(--color-error);box-shadow:4px 4px 0 var(--color-text);transform:translate(-2px,-2px)}.portfolio-items-list{gap:var(--space-md);flex-direction:column;display:flex}@media (width<=600px){.portfolio-item{flex-wrap:wrap}.portfolio-item-amount-input{width:100%}.portfolio-summary-stats{grid-template-columns:1fr}}