/* Minimal fallback styles if Tailwind CDN fails to load */
:root{--bg:#0b1020;--fg:#e5e7eb;--muted:#9ca3af;--brand:#f97316;--panel:#0b1226;--border:#1f2937;--light:#f8fafc}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 "Inter",system-ui,Segoe UI,Roboto,Arial;overflow-y:scroll}
.dark body{background:#050814;color:var(--fg)}
.text-brand-gradient{color:var(--brand)}
.text-brand{color:var(--brand)}
.bg-portfolio{background:#0b1020;background-image:radial-gradient(900px 450px at 15% 10%, rgba(249,115,22,.10), transparent 60%),radial-gradient(800px 400px at 85% 0%, rgba(255,122,24,.08), transparent 60%),linear-gradient(#0b1020,#0b1020)}
.bg-trading-subtle{background-image:linear-gradient(transparent,transparent),repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0, rgba(255,255,255,.05) 1px, transparent 1px, transparent 64px),repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0, rgba(255,255,255,.05) 1px, transparent 1px, transparent 64px)}
.dark .bg-trading-subtle{background:#050814;background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 64px),repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 64px)}
.container{max-width:72rem;margin:0 auto;padding:0 1rem}
header.sticky{position:sticky;top:0;z-index:50;background:#0b1020;border-bottom:1px solid rgba(255,255,255,.08)}
header .brand{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600}
.nav{display:flex;align-items:center;gap:.5rem}
.nav a{display:inline-block;color:rgba(255,255,255,.9);text-decoration:none;padding:.375rem .75rem;border-radius:.5rem}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav .active{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.nav-pill{display:inline-block;color:#1f2937;text-decoration:none;padding:.375rem .75rem;border-radius:.5rem;background:transparent;transition:all .2s ease}
.nav-pill:hover{background:rgba(15,23,42,.08);color:#111827}
.dark .nav-pill{color:rgba(255,255,255,.9)}
.dark .nav-pill:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-pill-active{color:#f97316;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.3)}
.dark .nav-pill-active{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.nav-pill-cta{background:#f97316;color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.12)}
.nav-pill-cta:hover{background:#ea580c;color:#fff}
.dark .nav-pill-cta{background:#f97316;color:#fff}
.dark .nav-pill-cta:hover{background:#ea580c;color:#fff}
.btn,.btn-primary,.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:1px solid transparent}
.btn-sm{padding:.375rem .75rem;font-size:.9rem}
.btn-primary{background:var(--brand);color:#fff}
.btn-outline{border-color:#374151;color:#e5e7eb}
.label{display:block;color:#475569;font-size:.9rem}
.dark .label{color:#cbd5e1}
.input,.textarea{width:100%;background:#fff;border:1px solid #d1d5db;color:#0f172a;border-radius:.5rem;padding:.6rem .75rem}
.dark .input,.dark .textarea{background:#0b1226;border-color:#1f2937;color:#e5e7eb}
.textarea{min-height:10rem}
.card{background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;box-shadow:0 1px 2px rgba(15,23,42,.12);padding:1.25rem;color:#0f172a}
.dark .card{background:#0b1226;border-color:#1f2937;color:#e5e7eb}
.badge{display:inline-flex;align-items:center;border-radius:9999px;background:#f1f5f9;padding:.125rem .5rem;font-size:.75rem;color:#475569}
.dark .badge{background:#111827;color:#e5e7eb}
.badge-brand{display:inline-flex;align-items:center;border-radius:9999px;background:rgba(249,115,22,.15);color:var(--brand);padding:.125rem .5rem;font-size:.75rem}
/* Layout helpers */
.grid{display:grid;gap:1rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.flex{display:flex}
.inline-flex{display:inline-flex}
.inline-block{display:inline-block}
.block{display:block}
.hidden{display:none !important}
.dark .dark\:block{display:block !important}
.dark .dark\:hidden{display:none !important}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.w-max{width:max-content}
.w-full{width:100%}
.flex-1{flex:1 1 0%}
.h-9{height:2.25rem}
.w-9{width:2.25rem}
.h-5{height:1.25rem}
.w-5{width:1.25rem}
.h-4{height:1rem}
.w-4{width:1rem}
.h-5{height:1.25rem}
.w-5{width:1.25rem}
.h-7{height:1.75rem}
.w-7{width:1.75rem}
.h-10{height:2.5rem}
.w-10{width:2.5rem}
.transition{transition:all .2s ease}
.text-center{text-align:center}
.text-right{text-align:right}
@media (min-width:768px){.md\:flex{display:flex !important}.md\:hidden{display:none !important}}
@media (min-width:768px){.md\:flex-row{flex-direction:row !important}.md\:items-center{align-items:center !important}}
/* Spacing helpers */
.ml-auto{margin-left:auto}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}
.mb-3{margin-bottom:.75rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.p-6{padding:1.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.pt-6{padding-top:1.5rem}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.gap-4{gap:1rem}
.gap-10{gap:2.5rem}
.space-y-2> * + *{margin-top:.5rem}
.space-y-3> * + *{margin-top:.75rem}
.space-y-6> * + *{margin-top:1.5rem}
.space-y-4> * + *{margin-top:1rem}
/* Typography */
.text-xs{font-size:.75rem}
.text-sm{font-size:.875rem}
.text-base{font-size:1rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.text-4xl{font-size:2.25rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.tracking-wide{letter-spacing:.05em}
.tracking-tight{letter-spacing:-.01em}
.leading-relaxed{line-height:1.625}
.text-white{color:#fff}
.text-white\/90{color:rgba(255,255,255,.9)}
.text-gray-100{color:#f3f4f6}
.text-gray-300{color:#d1d5db}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#9ca3af}
.text-gray-600{color:#9ca3af}
.text-gray-700{color:#e5e7eb}
.text-gray-900{color:#0f172a}
.dark .text-gray-300{color:#d1d5db}
.dark .text-gray-400{color:#94a3b8}
.dark .text-gray-500{color:#94a3b8}
.dark .text-gray-600{color:#a1a1aa}
.dark .text-gray-700{color:#e2e8f0}
/* Flex helpers */
.flex{display:flex}.items-center{align-items:center}
/* Rounding and aspect ratios */
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.75rem}
.rounded-xl{border-radius:1rem}
.rounded-2xl{border-radius:1.25rem}
.rounded-full{border-radius:9999px}
.aspect-video{aspect-ratio:16/9}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.min-h-screen{min-height:100vh}
@media (min-width:768px){.grid-md-2{grid-template-columns:1fr 1fr}}
/* Tailwind-like responsive grid fallbacks */
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:640px){.sm\:col-span-2{grid-column:span 2}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Width helpers */
.max-w-3xl{max-width:48rem}
.max-w-6xl{max-width:72rem}
.max-w-2xl{max-width:42rem}
.max-w-xl{max-width:36rem}
.mx-auto{margin-left:auto;margin-right:auto}
.list-disc{list-style:disc}.pl-6{padding-left:1.5rem}
.list-decimal{list-style:decimal}
.leading-tight{line-height:1.35}
.uppercase{text-transform:uppercase;letter-spacing:.08em}
.bg-brand{background:var(--brand)}
.bg-white\/80{background:rgba(255,255,255,.8)}
.bg-brand\/20{background:rgba(249,115,22,.2)}
.bg-white{background:#fff}
.bg-white\/10{background:rgba(255,255,255,.1)}
.bg-white\/20{background:rgba(255,255,255,.2)}
.bg-white\/75{background:rgba(255,255,255,.75)}
.bg-black\/5{background:rgba(0,0,0,.05)}
.bg-black\/10{background:rgba(0,0,0,.1)}
.bg-\[\#0b1020\]\/90{background:rgba(11,16,32,.9)}
.bg-white\/85{background:rgba(255,255,255,.85)}
.dark .bg-white\/80{background:rgba(15,23,42,.75)}
.dark .bg-black\/5{background:rgba(255,255,255,.06)}
.dark .bg-black\/10{background:rgba(255,255,255,.12)}
.dark .bg-\[\#0b1020\]\/90{background:rgba(5,8,20,.92)}
.bg-gray-50{background:#f8fafc}
.bg-gray-100{background:rgba(255,255,255,.08)}
.bg-gray-900{background:#0f172a}
.bg-gray-900\/50{background:rgba(15,23,42,.5)}
.bg-gray-900\/60{background:rgba(15,23,42,.6)}
.bg-gray-900\/70{background:rgba(15,23,42,.7)}
.dark .bg-gray-900{background:#111827}
.dark .bg-gray-900\/50{background:rgba(11,18,38,.6)}
.dark .bg-gray-900\/60{background:rgba(11,18,38,.7)}
.dark .bg-gray-900\/70{background:rgba(8,14,28,.75)}
.dark .bg-gray-800{background:#0b1226}
.dark .bg-gray-100{background:#111827}
.border{border:1px solid rgba(255,255,255,.1)}
.border-b{border-bottom:1px solid rgba(255,255,255,.08)}
.border-t{border-top:1px solid rgba(255,255,255,.08)}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.border-gray-200{border-color:rgba(148,163,184,.25)}
.border-gray-800{border-color:#1f2937}
.backdrop-blur{backdrop-filter:blur(12px)}
.hover\:bg-white\/10:hover{background:rgba(255,255,255,.08)}
.hover\:bg-white\/20:hover{background:rgba(255,255,255,.2)}
.hover\:bg-black\/10:hover{background:rgba(0,0,0,.1)}
.hover\:text-white:hover{color:#fff}
.hover\:text-brand:hover{color:var(--brand)}
.hover\:text-gray-200:hover{color:#e2e8f0}
.hover\:underline:hover{text-decoration:underline}
.hover\:border-brand\/40:hover{border-color:rgba(249,115,22,.4)}
.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.1)}
.shadow-soft{box-shadow:0 20px 40px rgba(15,23,42,.12)}
.shadow-lift{box-shadow:0 20px 50px rgba(15,23,42,.2)}
.group:hover .group-hover\:text-brand{color:var(--brand)}
.group:hover .group-hover\:shadow-inner{box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.group:hover .group-hover\:shadow-lift{box-shadow:0 20px 50px rgba(249,115,22,.2)}
.ring-1{box-shadow:0 0 0 1px rgba(249,115,22,.3)}
.ring-inset{box-shadow:inset 0 0 0 1px rgba(249,115,22,.3)}
.ring-brand\/30{box-shadow:0 0 0 1px rgba(249,115,22,.3)}
.w-7{width:1.75rem}
.h-7{height:1.75rem}
.leading-snug{line-height:1.4}
.text-gray-200{color:#e2e8f0}
footer{background:rgba(17,24,39,.6);border-top:1px solid #111827;color:#9ca3af}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin:0}
footer a{color:inherit;text-decoration:none;transition:color .2s ease}
footer a:hover{color:var(--brand)}
pre{background:#0b1226;border:1px solid #1f2937;border-radius:.75rem;padding:1rem;font-size:.85rem;overflow:auto;color:#e5e7eb}
code{font-family:"JetBrains Mono",Consolas,"Courier New",monospace;color:#fbbf24}