@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700&display=swap");:root{--accent:#E76F51;--accent-hover:#F28E77;--accent-light:#F6D6CE;--canvas:#EAE6DF;--dark-panel:#232221;--surface-card:#FFFFFF;--surface-panel:#FFFDF9;--ink:#111111;--ink-muted:#4F4E4D;--ink-light:#7E7D7C;--ink-white:#FFFDF9;--border-thick:2.5px solid #111111;--border-medium:2px solid #111111;--border-thin:1.5px solid #111111;--shadow-flat:4px 4px 0px #111111;--shadow-flat-lg:7px 7px 0px #111111;--shadow-flat-sm:2px 2px 0px #111111;--font-display:"Plus Jakarta Sans",sans-serif;--font-text:"Inter",sans-serif;--rounded-sm:6px;--rounded-md:12px;--rounded-lg:18px;--rounded-pill:9999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-text);color:var(--ink);background-color:var(--canvas);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{background:none;border:none;font-family:inherit;cursor:pointer;outline:none}.font-display{font-family:var(--font-display)}.text-hero{color:var(--ink)}.text-hero,.text-hero-dark{font-family:var(--font-display);font-size:2.8rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;text-transform:uppercase}.text-hero-dark{color:var(--ink-white)}.text-h2{color:var(--ink)}.text-h2,.text-h2-dark{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.01em}.text-h2-dark{color:var(--ink-white)}.text-h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--ink)}.text-body{font-size:.95rem;color:var(--ink-muted);line-height:1.6}.text-caption{font-size:.85rem;font-weight:500;color:var(--ink-light)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#111;padding:.75rem 1.75rem;border-radius:var(--rounded-pill);border:var(--border-medium);font-weight:700;font-family:var(--font-display);font-size:.95rem;box-shadow:var(--shadow-flat-sm);transition:all .15s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-flat);background-color:var(--accent-hover)}.btn-primary:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #111111}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface-card);color:var(--ink);padding:.75rem 1.75rem;border-radius:var(--rounded-pill);border:var(--border-medium);font-weight:700;font-family:var(--font-display);font-size:.95rem;box-shadow:var(--shadow-flat-sm);transition:all .15s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-flat);background-color:var(--canvas)}.btn-secondary:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #111111}.chip-outline{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:var(--border-medium);border-radius:var(--rounded-pill);font-size:.85rem;font-weight:700;font-family:var(--font-display);color:var(--ink);background-color:var(--surface-card);box-shadow:var(--shadow-flat-sm);transition:all .15s ease}.chip-outline:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #111111}.chip-outline.active{background-color:var(--accent);color:#111;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);transform:none}.app-container{display:flex;min-height:100vh;max-width:1600px;margin:0 auto;background-color:var(--canvas)}.sidebar{width:320px;background-color:var(--surface-panel);border-right:var(--border-thick);padding:2.5rem 2rem;flex-shrink:0;height:100vh;position:sticky;top:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{display:none}.main-content{flex:1 1;padding:3rem;display:flex;flex-direction:column;background-color:var(--canvas);overflow-x:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:var(--border-thick)}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:2.5rem;align-items:stretch}.asset-card{background:var(--surface-card);border:var(--border-thick);border-radius:var(--rounded-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-flat-lg);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.asset-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #111111}.asset-image-wrapper{width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;background-color:var(--canvas);border-bottom:var(--border-medium)}.asset-image-wrapper img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.95);transition:transform .4s ease}.asset-card:hover .asset-image-wrapper img{transform:scale(1.03)}.badge-compliant{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;font-family:var(--font-display);color:#111;background-color:#A8DADC;padding:4px 12px;border-radius:var(--rounded-pill);border:var(--border-thin)}.nav-menu{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;color:var(--ink-muted);font-weight:700;font-family:var(--font-display);border-radius:var(--rounded-pill);border:1.5px solid transparent;transition:all .15s ease}.nav-item:hover{color:var(--ink);background-color:rgba(0,0,0,.03)}.nav-item.active{color:var(--ink);background-color:var(--accent);border:var(--border-medium);box-shadow:var(--shadow-flat-sm);transform:translate(-2px,-2px)}.slider-container{width:100%;margin:1.2rem 0}.slider{-webkit-appearance:none;width:100%;height:10px;background:var(--canvas);outline:none;border-radius:var(--rounded-pill);border:var(--border-thin)}.slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:var(--border-medium);box-shadow:1px 1px 0 #111;cursor:pointer;-webkit-transition:transform .1s ease;transition:transform .1s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ju-connect-btn{border:var(--border-medium)!important;box-shadow:var(--shadow-flat-sm)!important;font-family:var(--font-display)!important;font-weight:700!important;border-radius:var(--rounded-pill)!important;background-color:var(--surface-card)!important;color:var(--ink)!important}.ju-connect-btn:hover{transform:translate(-2px,-2px)!important;box-shadow:var(--shadow-flat)!important}.brutalist-card-dark{background-color:var(--dark-panel);color:var(--ink-white);border:var(--border-thick);border-radius:var(--rounded-lg);padding:2.5rem;box-shadow:var(--shadow-flat-lg);position:relative}.round-action-btn{width:44px;height:44px;border-radius:50%;border:var(--border-medium);background-color:var(--accent);color:#111;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-flat-sm);transition:all .1s ease}.round-action-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-flat);background-color:var(--accent-hover)}.round-action-btn:active{transform:translate(1px,1px);box-shadow:none}.brutalist-table{width:100%;border-collapse:collapse}.brutalist-table th{font-family:var(--font-display);font-weight:800;text-transform:uppercase;color:var(--ink);padding:1rem;border-bottom:var(--border-thick)}.brutalist-table td{padding:1.2rem 1rem;border-bottom:var(--border-thin);font-weight:500}.brutalist-table tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(35,34,33,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--surface-panel);border:var(--border-thick);border-radius:var(--rounded-lg);padding:3rem;max-width:500px;width:90%;box-shadow:var(--shadow-flat-lg);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .4s ease-out}.mobile-bottom-nav,.mobile-top-bar{display:none}@media (max-width:1200px){.sidebar{display:none!important}.app-container{flex-direction:column;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))!important}.main-content{padding:1.5rem 1rem!important;margin-top:60px}.top-bar{display:none!important}.mobile-top-bar{top:0;height:60px;background-color:var(--surface-panel);border-bottom:var(--border-medium);padding:0 1rem;justify-content:space-between}.mobile-bottom-nav,.mobile-top-bar{display:flex!important;position:fixed;left:0;right:0;align-items:center;z-index:900}.mobile-bottom-nav{bottom:0;height:calc(64px + env(safe-area-inset-bottom));background-color:rgba(255,253,249,.85);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:var(--border-thick);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;box-shadow:0 -4px 10px rgba(0,0,0,.05)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-muted);font-size:.65rem;font-weight:700;gap:4px;flex:1 1;height:100%;transition:all .1s ease}.mobile-nav-item.active{color:var(--accent)}.modal-content{padding:1.5rem!important;width:95%!important;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.25rem!important}.brutalist-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--border-thin);border-radius:var(--rounded-sm);margin-bottom:1rem}.brutalist-table{min-width:600px}.asset-card{box-shadow:var(--shadow-flat)}.asset-card:hover{transform:none!important;box-shadow:var(--shadow-flat)!important}.asset-info{padding:1rem!important}.brutalist-card-dark{padding:1.5rem!important;min-height:auto!important}.text-hero-dark{font-size:1.8rem!important}}@media (max-width:480px){.masonry-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.btn-primary,.btn-secondary{padding:.6rem 1.2rem!important;font-size:.85rem!important;width:100%;text-align:center}}@media (min-width:1600px){.main-content{max-width:1200px;margin:0 auto;width:100%}}@keyframes shimmerAnimation{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseOpacity{0%,to{opacity:.6}50%{opacity:1}}.skeleton-shimmer{background:linear-gradient(90deg,#f0ede9 25%,var(--accent-light) 50%,#f0ede9 75%);background-size:200% 100%;animation:shimmerAnimation 1.6s linear infinite;border-radius:var(--rounded-sm);display:inline-block;vertical-align:middle}.inline-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.15);border-left:2px solid var(--accent);border-radius:50%;display:inline-block;animation:spinnerRotate .8s linear infinite}.btn-primary .inline-spinner{border-left-color:var(--ink-white);border-right-color:rgba(255,255,255,.1);border-bottom-color:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.1)}@media (prefers-reduced-motion:reduce){.skeleton-shimmer{animation:pulseOpacity 2s ease-in-out infinite!important;background:#eae6df!important}.inline-spinner{animation:spinnerRotate 2s linear infinite!important}}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-title{height:1.5rem;margin-bottom:1rem;width:60%}.skeleton-image{width:100%;aspect-ratio:16/10;margin-bottom:1rem;border-radius:var(--rounded-md)}.skeleton-circle{border-radius:50%;width:40px;height:40px}.branding-svg{filter:drop-shadow(0 0 0 transparent);transition:all .3s cubic-bezier(.16,1,.3,1)}.svg-hover-glow:hover{filter:drop-shadow(0 0 6px var(--accent-light));transform:scale(1.05)}.glow-active{filter:drop-shadow(0 0 8px var(--accent-light))!important}.svg-compass-rotate:hover{transform:rotate(45deg)}.svg-spin-hover:hover{transform:rotate(180deg)}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.svg-grow-chart rect{transform-origin:bottom;animation:growBar .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawPath{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.svg-draw-check path{stroke-dasharray:40;stroke-dashoffset:40;animation:drawPath .5s ease-out .1s forwards}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.svg-pulse-slow{animation:iconPulse 3s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.svg-float-slow{animation:floatSlow 4s ease-in-out infinite}.asset-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.asset-card:before{content:"";position:absolute;top:0;left:-50%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skewX(-25deg);transition:.75s;pointer-events:none;z-index:1}.asset-card:hover:before{left:125%}.asset-card:hover{transform:translateY(-8px) scale(1.01)!important;box-shadow:0 16px 32px rgba(35,34,33,.08)!important;border-color:var(--accent)!important}.animated-bg-blob{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);z-index:-1;pointer-events:none;opacity:.15;mix-blend-mode:multiply;animation:morphBlob 15s ease-in-out infinite}@keyframes morphBlob{0%,to{transform:translate(0) scale(1);border-radius:42% 58% 70% 30%/45% 45% 55% 55%}33%{transform:translate(30px,-50px) scale(1.2);border-radius:70% 30% 52% 48%/60% 40% 60% 40%}66%{transform:translate(-20px,20px) scale(.8);border-radius:30% 70% 30% 70%/50% 60% 40% 50%}}.btn-primary,.btn-secondary{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.btn-primary:hover{transform:translateY(-2px) translateZ(0)!important;box-shadow:0 8px 16px rgba(35,34,33,.12)!important}.btn-primary:active{transform:translateY(1px)!important}.fade-in{animation:pageFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}