:root{--bg-base:#050505;--bg-surface:#0a0a0a;--bg-elevated:#111;--accent:#10b981;--accent-dim:#10b9811a;--accent-glow:#10b98166;--text-main:#e5e5e5;--text-muted:#525252;--border-subtle:#ffffff0d;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";opacity:.03;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient-light{filter:blur(120px);z-index:-1;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:fixed}.light-1{background:#10b98126;width:600px;height:600px;animation:25s ease-in-out infinite meshFloat1;top:-20%;left:-10%}.light-2{background:#8b5cf61f;width:500px;height:500px;animation:30s ease-in-out infinite meshFloat2;bottom:-20%;right:-10%}.light-3{background:#3b82f61a;width:400px;height:400px;animation:35s ease-in-out infinite meshFloat3;top:50%;left:50%;transform:translate(-50%,-50%)}.light-4{background:#fbbf2412;width:350px;height:350px;animation:20s ease-in-out infinite meshFloat4;top:20%;right:30%}@keyframes meshFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30vw,20vh)scale(1.1)}66%{transform:translate(10vw,60vh)scale(.9)}}@keyframes meshFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40vw,-30vh)scale(1.2)}66%{transform:translate(-20vw,10vh)scale(.8)}}@keyframes meshFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-20%,-60%)scale(1.3)}}@keyframes meshFloat4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30vw,40vh)scale(1.2)}}h1,h2,h3,p,span,a{font-feature-settings:"cv02", "cv03", "cv04", "cv11"}.font-mono{font-family:Space Grotesk,monospace}nav{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:100;background:#05050599;justify-content:space-between;align-items:center;padding:24px 5%;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:24px;display:flex}.logo-wrapper{align-items:center;gap:12px;display:flex}.status-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.logo{letter-spacing:-.5px;color:#d4d4d4;font-size:1rem;font-weight:600}.nav-right{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--text-muted);margin-left:20px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.container{grid-template-columns:1fr 1.2fr;gap:32px;max-width:900px;margin:80px auto;padding:0 24px;display:grid}.hero-side{flex-direction:column;grid-row:1/3;justify-content:center;padding-right:20px;display:flex}.hero-side h1{letter-spacing:-2px;background:linear-gradient(#fff,#a3a3a3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1}.hero-side p{color:#737373;border-left:2px solid var(--accent);padding-left:20px;font-size:1rem;font-weight:400;line-height:1.7}.chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#0a0a0a99;flex-direction:column;gap:16px;padding:24px;display:flex}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.chart-title{color:#a3a3a3;font-size:1.1rem;font-weight:600}.calculator-side{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#0a0a0a99;flex-direction:column;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden}.calculator-side:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);height:1px;position:absolute;top:0;left:20%;right:20%}.input-group{flex-direction:column;gap:8px;display:flex}label{color:#525252;text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:600}input,select{border:1px solid var(--border-subtle);color:#fff;appearance:none;font-variant-numeric:tabular-nums;background:#111c;border-radius:10px;width:100%;padding:14px;font-family:Space Grotesk,monospace;font-size:1rem;font-weight:500;transition:all .2s}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23525252' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}input:focus,select:focus{border-color:#ffffff26;outline:none;box-shadow:0 0 0 4px #10b9810d}.btn-calculate{color:#000;letter-spacing:.5px;cursor:pointer;background:#fff;border:none;border-radius:10px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:color .3s;position:relative;overflow:hidden}.btn-calculate:before{content:"";background:linear-gradient(120deg, transparent, var(--accent), transparent);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn-calculate:hover{color:#fff}.btn-calculate:hover:before{transform:translate(100%)}.btn-calculate:active{transform:scale(.98)}.result-container{text-align:center;opacity:0;background:#10b98108;border:1px dashed #10b98133;border-radius:12px;padding:20px;transition:opacity .4s;display:none}.result-container.show{opacity:1;display:block}.result-label{color:#525252;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.7rem}.result-amount{color:var(--accent);margin-bottom:8px;font-family:Space Grotesk,monospace;font-size:2.5rem;font-weight:700;line-height:1}.result-detail{color:#525252;font-family:Space Grotesk,monospace;font-size:.85rem}.content-section{border-top:1px solid var(--border-subtle);color:#525252;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0;font-size:.95rem;line-height:1.8;display:grid}footer{text-align:center;color:#333;grid-column:1/-1;padding-bottom:40px;font-size:.75rem}@media (max-width:768px){.container{grid-template-columns:1fr;margin-top:40px}.hero-side{grid-row:auto;margin-bottom:20px;padding-right:0}.hero-side h1{font-size:2.5rem}.content-section{grid-template-columns:1fr}.ambient-light{filter:blur(80px);transform:scale(.7)}.nav-links a{margin-left:12px;font-size:.7rem}}.page-wrap{max-width:860px;margin:0 auto;padding:0 24px}.hero-section{flex-direction:column;gap:14px;padding:72px 0 48px;display:flex}.hero-section .tag{text-transform:uppercase;letter-spacing:2px;color:var(--accent);align-items:center;gap:8px;font-size:.65rem;font-weight:600;display:flex}.hero-section .tag:before{content:"";background:var(--accent);width:20px;height:1px}.hero-section .subtitle{color:#404040;max-width:560px;font-size:1.05rem;line-height:1.7}.content-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px;display:grid}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#0a0a0a99;padding:28px;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);opacity:.3;height:1px;position:absolute;top:0;left:20%;right:20%}.panel-label{text-transform:uppercase;letter-spacing:1.5px;color:#404040;margin-bottom:16px;font-size:.65rem;font-weight:600}.panel h3{color:#a3a3a3;letter-spacing:-.3px;margin-bottom:12px;font-size:1.1rem;font-weight:600}.panel p{color:#525252;font-size:.88rem;line-height:1.8}.panel.full{grid-column:1/-1}.source-list{flex-direction:column;gap:10px;margin-top:4px;list-style:none;display:flex}.source-list li{color:#525252;align-items:center;gap:12px;font-size:.85rem;display:flex}.source-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.source-dot.cg{background:#fbbf24}.source-dot.cc{background:#40c4ff}.source-dot.bn{background:#f59e0b}.source-dot.fg{background:#a78bfa}.source-role{color:#333;font-family:Space Grotesk,monospace;font-size:.65rem}.stat-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.stat-item{text-align:center;border:1px solid var(--border-subtle);background:#ffffff04;border-radius:10px;padding:16px 8px}.stat-value{color:#e5e5e5;margin-bottom:6px;font-family:Space Grotesk,monospace;font-size:1.6rem;font-weight:700;line-height:1}.stat-label{color:#333;text-transform:uppercase;letter-spacing:1px;font-size:.6rem}.disclaimer-footer{background:#ff525205;border:1px solid #ff52521a;border-radius:12px;margin-bottom:60px;padding:24px}.disclaimer-footer p{color:#404040;font-size:.78rem;line-height:1.8}.disclaimer-footer strong{color:#737373}@media (max-width:768px){.hero-section h1{font-size:2.2rem}.content-grid{grid-template-columns:1fr}}.page-wrap-wide{max-width:1100px;margin:0 auto;padding:0 24px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.filter-pill{cursor:pointer;border:1px solid var(--border-subtle);color:#404040;background:0 0;border-radius:99px;padding:8px 18px;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:600;transition:all .2s}.filter-pill:hover{color:#a3a3a3;border-color:#ffffff26}.filter-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:60px;display:grid}.pattern-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#0a0a0a99;transition:all .3s;position:relative;overflow:hidden}.pattern-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.pattern-card:hover:before{opacity:.6}.pattern-card:hover{border-color:#ffffff14;transform:translateY(-2px)}.pattern-svg-wrap{border-bottom:1px solid var(--border-subtle);background:#05050599;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.pattern-svg-wrap svg{width:90%;height:90%}.draw-line{stroke-dasharray:600;stroke-dashoffset:600px;animation:2s forwards drawIn}.draw-line.d1{animation-delay:.1s}.draw-line.d2{animation-delay:.3s}.draw-line.d3{animation-delay:.5s}@keyframes drawIn{to{stroke-dashoffset:0}}.draw-fill{opacity:0;animation:1s 1.2s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.pattern-body{padding:20px 22px 24px}.pattern-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.pattern-name{color:#e5e5e5;letter-spacing:-.2px;font-size:1rem;font-weight:700}.pattern-badge{text-transform:uppercase;letter-spacing:1px;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.55rem;font-weight:700}.badge-bullish{color:var(--accent);background:#10b9811a}.badge-bearish{color:#ff5252;background:#ff52521a}.badge-neutral{color:#ffab40;background:#ffab401a}.pattern-type{color:#333;margin-bottom:10px;font-family:Space Grotesk,monospace;font-size:.65rem}.pattern-desc{color:#525252;font-size:.82rem;line-height:1.7}.pattern-meta{border-top:1px solid var(--border-subtle);gap:16px;margin-top:14px;padding-top:14px;display:flex}.meta-item{flex-direction:column;gap:2px;display:flex}.meta-label{color:#2a2a2a;text-transform:uppercase;letter-spacing:1px;font-size:.55rem}.meta-value{color:#525252;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:600}.disclaimer-box{background:#ffab4008;border:1px solid #ffab401f;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:60px;padding:20px 24px;display:flex}.disclaimer-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem;line-height:1}.disclaimer-text{color:#525252;font-size:.78rem;line-height:1.7}.disclaimer-text strong{color:#a3a3a3}@media (max-width:768px){.pattern-grid{grid-template-columns:1fr}}.hero-prediction{flex-direction:column;gap:12px;padding:72px 0 40px;display:flex}.hero-prediction .tag{text-transform:uppercase;letter-spacing:2px;color:var(--accent);align-items:center;gap:8px;font-size:.65rem;font-weight:600;display:flex}.hero-prediction .tag:before{content:"";background:var(--accent);width:20px;height:1px}.selectors-bar{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.selectors-bar select{border:1px solid var(--border-subtle);color:#fff;appearance:none;cursor:pointer;background:#111c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23525252' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border-radius:10px;flex:1;min-width:160px;padding:12px 36px 12px 16px;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:500;transition:border-color .2s}.selectors-bar select:focus{border-color:#ffffff26;outline:none;box-shadow:0 0 0 4px #10b9810d}.chart-section{margin-bottom:28px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chart-header-left{align-items:center;gap:12px;display:flex}.source-badge{color:#333;border:1px solid #1a1a1a;border-radius:4px;padding:2px 8px;font-family:Space Grotesk,monospace;font-size:.55rem}.pivot-note{color:#333;text-align:right;margin-top:8px;font-family:Space Grotesk,monospace;font-size:.7rem;display:none}.pivot-note.show{display:block}.analysis-grid{grid-template-columns:1fr 1.1fr .9fr;gap:20px;margin-bottom:60px;display:grid}.gauge-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.gauge-value{font-family:Space Grotesk,monospace;font-size:2.8rem;font-weight:700;line-height:1}.gauge-label{text-transform:uppercase;letter-spacing:2px;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600}.gauge-label.fear{color:#ff5252;background:#ff52521a}.gauge-label.neutral{color:#ffab40;background:#ffab401a}.gauge-label.greed{color:var(--accent);background:#10b9811a}.history-bars{align-items:flex-end;gap:4px;width:100%;height:48px;padding:0 8px;display:flex}.h-bar{border-radius:3px 3px 0 0;flex:1;min-height:3px;transition:height .4s;position:relative}.h-bar:after{content:attr(data-val);color:#404040;white-space:nowrap;font-family:Space Grotesk,monospace;font-size:.55rem;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.history-label{color:#2a2a2a;text-align:center;margin-top:6px;font-size:.6rem}.pivot-levels{flex-direction:column;gap:8px;display:flex}.pivot-row{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.pivot-row .pl-tag{width:32px;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:600}.pivot-row .pl-name{color:#404040;flex:1;margin-left:10px;font-size:.7rem}.pivot-row .pl-val{font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:600}.pivot-row.pr2{background:#ff52520f}.pivot-row.pr2 .pl-tag,.pivot-row.pr2 .pl-val{color:#ff5252}.pivot-row.pr1{background:#ffab400f}.pivot-row.pr1 .pl-tag,.pivot-row.pr1 .pl-val{color:#ffab40}.pivot-row.pp{background:#10b9811a;border:1px dashed #10b98133}.pivot-row.pp .pl-tag,.pivot-row.pp .pl-val{color:var(--accent)}.pivot-row.ps1{background:#40c4ff0f}.pivot-row.ps1 .pl-tag,.pivot-row.ps1 .pl-val{color:#40c4ff}.pivot-row.ps2{background:#7c4dff0f}.pivot-row.ps2 .pl-tag,.pivot-row.ps2 .pl-val{color:#7c4dff}.current-price-bar{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px;display:flex}.cpb-label{color:#404040;text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.cpb-value{color:#fff;font-family:Space Grotesk,monospace;font-size:1.1rem;font-weight:700}.insight-box{border:1px solid var(--border-subtle);color:#737373;border-radius:10px;margin-top:14px;padding:14px;font-size:.8rem;line-height:1.6}.insight-box strong{color:#d4d4d4}.converter-body{flex-direction:column;gap:14px;display:flex}.conv-input-group{flex-direction:column;gap:6px;display:flex}.conv-input-group label{color:#404040;text-transform:uppercase;letter-spacing:1.5px;font-size:.6rem;font-weight:600}.conv-input-group input{border:1px solid var(--border-subtle);color:#fff;font-variant-numeric:tabular-nums;background:#111c;border-radius:10px;width:100%;padding:12px 14px;font-family:Space Grotesk,monospace;font-size:1rem;font-weight:500;transition:all .2s}.conv-input-group input:focus{border-color:#ffffff26;outline:none;box-shadow:0 0 0 4px #10b9810d}.btn-convert{color:#000;letter-spacing:.5px;cursor:pointer;background:#fff;border:none;border-radius:10px;width:100%;margin-top:4px;padding:14px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:color .3s;position:relative;overflow:hidden}.btn-convert:before{content:"";background:linear-gradient(120deg, transparent, var(--accent), transparent);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn-convert:hover{color:#fff}.btn-convert:hover:before{transform:translate(100%)}.conv-result{text-align:center;opacity:0;background:#10b98108;border:1px dashed #10b98133;border-radius:10px;padding:16px;transition:opacity .4s;display:none}.conv-result.show{opacity:1;display:block}.conv-result-label{color:#404040;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.6rem}.conv-result-amount{color:var(--accent);margin-bottom:6px;font-family:Space Grotesk,monospace;font-size:1.8rem;font-weight:700;line-height:1}.conv-result-detail{color:#404040;font-family:Space Grotesk,monospace;font-size:.75rem}.skeleton{background:linear-gradient(90deg,#111 25%,#1a1a1a 50%,#111 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.analysis-grid{grid-template-columns:1fr}.hero-prediction h1{font-size:2.2rem}}.prediksi-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:60px;display:grid}.pred-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius);background:#0a0a0a99;padding:24px;transition:all .3s;position:relative;overflow:hidden}.pred-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);opacity:.3;height:1px;position:absolute;top:0;left:20%;right:20%}.pred-card:hover{border-color:#ffffff14;transform:translateY(-2px)}.pred-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pred-coin{color:#e5e5e5;letter-spacing:-.3px;text-transform:capitalize;font-size:1.1rem;font-weight:700}.pred-time{color:#404040;font-family:Space Grotesk,monospace;font-size:.65rem}.pred-direction{align-items:center;gap:10px;margin-bottom:12px;font-size:1.8rem;font-weight:700;line-height:1;display:flex}.dir-up{color:var(--accent)}.dir-down{color:#ff5252}.dir-pending{color:#ffab40}.pred-price{color:#525252;margin-bottom:16px;font-family:Space Grotesk,monospace;font-size:.8rem}.pred-status{text-transform:uppercase;letter-spacing:1px;border-radius:6px;padding:6px 12px;font-size:.7rem;font-weight:700;display:inline-block}.status-pending{color:#ffab40;background:#ffab401a}.status-win{color:var(--accent);background:#10b9811a}.status-lose{color:#ff5252;background:#ff52521a}@media (max-width:768px){.prediksi-grid{grid-template-columns:1fr}}