:root{--soft-black: #0f0f0f;--soft-white: #f0f0f0;--card-bg: #1a1a1a;--card-hover: #2a2a2a;--grid-border: #404040;--grid-content: #a0a0a0;--input-bg: #2a2a2a;--button-bg: #404040;--button-hover: #505050;--profit-green: #22c55e;--loss-red: #ef4444;--neutral-grey: #9ca3af;--blue-accent: #3b82f6;--blue-bg: rgba(59, 130, 246, .1);--blue-border: rgba(59, 130, 246, .3);--success-green: #10b981;--warning-yellow: #f59e0b;--danger-red: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--transition-base: all .2s ease;--transition-slow: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;transition:color .2s ease,background-color .2s ease,border-color .2s ease}html{font-family:var(--font-sans);background-color:var(--soft-black);color:var(--soft-white);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--soft-black);color:var(--soft-white);font-size:16px;line-height:1.6;font-weight:400;font-family:var(--font-sans)}h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}h3{font-size:1.25rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--soft-white);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--blue-accent)}.btn-primary{background:transparent;border:1px solid var(--soft-white);color:var(--soft-white);padding:8px 16px;border-radius:4px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-slow);text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--card-hover);border-color:var(--soft-white);color:var(--soft-white)}.card-base{background:var(--card-bg);border:1px solid var(--grid-border);border-radius:8px;padding:24px;transition:var(--transition-base)}.card-interactive:hover{background:var(--card-hover);border-color:var(--button-hover)}.portfolio-box{background:transparent;border:1px solid var(--soft-white);border-radius:8px;padding:24px;transition:var(--transition-slow);cursor:pointer}.portfolio-box:hover{border-color:var(--grid-content);background:rgba(255,255,255,.02)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-mono{font-family:var(--font-mono);font-weight:600;letter-spacing:.025em}.status-live{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.4),0 0 16px rgba(0,255,136,.2);font-weight:600}.text-sm{font-size:14px}.text-xs{font-size:12px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid{display:grid;gap:24px}.grid-cols-1{grid-template-columns:1fr}@media (min-width: 640px){.grid-cols-1-sm-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1680px){.grid-cols-1-sm-2-2xl-4{grid-template-columns:repeat(4,1fr)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--grid-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--soft-white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:slideIn .3s ease-out}.p-4{padding:16px}.p-6{padding:24px}.px-6{padding-left:24px;padding-right:24px}.py-12{padding-top:48px;padding-bottom:48px}.py-16{padding-top:64px;padding-bottom:64px}.py-24{padding-top:96px;padding-bottom:96px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.text-center{text-align:center}.min-h-screen{min-height:100vh}.bg-soft-black{background-color:var(--soft-black)}.text-grid-content{color:var(--grid-content)}.text-4xl{font-size:2.25rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.border-t{border-top-width:1px}.border-grid-border{border-color:var(--grid-border)}.leading-relaxed{line-height:1.625}@media (min-width: 640px){.sm\\:flex-row{flex-direction:row}.sm\\:text-left{text-align:left}.sm\\:items-center{align-items:center}}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.w-8{width:2rem}.h-8{height:2rem}.object-contain{object-fit:contain}.gap-3{gap:.75rem}.transition-colors{transition:color .2s ease}.hover\\:text-soft-white:hover{color:var(--soft-white)}.portfolio-box{animation-delay:.2s}.portfolio-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff0d}.btn-primary:focus{outline:2px solid var(--blue-accent);outline-offset:2px}.portfolio-box:focus{outline:2px solid var(--blue-accent);outline-offset:2px}