:root{color:#0f8;background-color:#0a0e1a}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inconsolata,monospace;background:#0a0e1a;color:#0f8;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{position:relative;min-height:100vh;background:radial-gradient(circle at top,rgba(0,255,136,.12),transparent 55%) #05070f;color:#0f8;overflow-x:hidden}.main-content{position:relative;z-index:10;padding:7rem 1.5rem 4rem;display:flex;flex-direction:column;gap:4rem}.section{text-align:center;max-width:960px;margin:0 auto;padding:0 1rem;scroll-margin-top:120px}.section-label{text-transform:uppercase;letter-spacing:.4em;font-size:.8rem;color:#8fc;margin-bottom:1rem;display:inline-block}.example-label{letter-spacing:.2em;font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase}.section-title{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:1rem}.section-description{color:#8fc;max-width:640px;margin:0 auto 2rem;line-height:1.6}.exchange-form{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.field{background:#0003;border:1px solid rgba(0,255,136,.4);border-radius:.75rem;padding:.95rem 1.1rem;color:inherit;font-family:inherit;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:#88ffccb3}.field:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 2px #0f83}.primary-btn{background:#0f8;color:#08101e;border:none;border-radius:.75rem;padding:.95rem 1.1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.ghost-btn{border:1px dashed rgba(0,255,136,.5);border-radius:.75rem;padding:.95rem 1.1rem;background:transparent;color:#0fc;font-size:.95rem;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.ghost-btn:hover{border-color:#0f8;color:#0f8;background:#00ff880d}.primary-btn:hover{transform:translateY(-1px);background:#0fa}.error-card{border:1px solid rgba(255,68,68,.4);background:#ff44441a;color:#ffb3b3;padding:.85rem 1rem;border-radius:.75rem;font-size:.95rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.mix-result{text-align:center;max-width:640px;margin:0 auto}.mix-copy-hint{color:#8fc;margin-bottom:.75rem}.address-display{width:100%;border:1px solid rgba(0,255,136,.4);border-radius:.85rem;padding:.9rem 1rem;background:#0000004d;color:inherit;font-family:inherit;font-size:1rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.address-display:hover{border-color:#0f8}.address-display span:first-child{flex:1;min-width:0;word-break:break-all}.copy-status{font-size:.85rem;color:#0fa;flex-shrink:0}.qr-wrapper{margin:2rem auto 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.qr-caption{font-size:.85rem;color:#8fc}.support-note{margin-top:2rem;color:#8fc}.session-id-block{margin-top:1rem;text-align:left}.session-id-block label{display:block;margin-bottom:.35rem;font-size:.9rem;color:#8fc}.session-field{width:100%}@media(min-width:980px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.glass-card{padding:1.75rem;border:1px solid rgba(0,255,136,.3);border-radius:1rem;background:#090f1ab3;box-shadow:0 0 25px #00ff881a;transition:transform .2s,box-shadow .2s}.glass-card:hover{transform:translateY(-4px);box-shadow:0 0 35px #00ff884d}.glass-card h3{margin-bottom:.5rem}.glass-card p{color:#8fc;line-height:1.6}.tor-section .onion-link{display:inline-block;margin-top:1rem;padding:.85rem 1.2rem;border-radius:.75rem;background:#00ff881a;color:#0fa;font-family:inherit;font-size:.95rem;word-break:break-all}.video-section .video-frame{position:relative;width:100%;max-width:900px;margin:0 auto;border:1px solid rgba(0,255,136,.35);border-radius:1.25rem;background:#050a14d9;box-shadow:0 40px 80px #00ff8814;overflow:hidden;aspect-ratio:16 / 9;display:grid;place-items:stretch}.video-section .video-player{position:absolute;inset:0;z-index:1}.video-section .video-player video,.video-section .video-player iframe{width:100%;height:100%;display:block;object-fit:cover;background:#000}.video-section .video-placeholder{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 30% 30%,rgba(0,255,136,.18),transparent 55%),linear-gradient(140deg,#050a14e6,#000000d9)}.video-section .video-overlay{position:absolute;inset:0;z-index:2;border:none;background:linear-gradient(135deg,#0408108c,#0003);color:#d7ffee;display:grid;place-items:center;padding:2rem;cursor:pointer;font-family:inherit;text-align:center;transition:background .2s ease,transform .2s ease}.video-section .video-overlay:hover{background:linear-gradient(135deg,#04081059,#0000001a)}.video-section .video-overlay:focus-visible{outline:2px solid rgba(0,255,136,.6);outline-offset:-4px}.video-section .video-overlay__content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.video-section .video-overlay__icon{width:78px;height:78px;border-radius:50%;border:1px solid rgba(0,255,136,.5);background:#00ff881f;box-shadow:0 20px 40px #0f83;position:relative}.video-section .video-overlay__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #00ffaa;transform:translate(-35%,-50%)}.video-section .video-overlay__label{font-size:1.1rem;font-weight:600}.video-section .video-overlay__hint{font-size:.9rem;color:#8fc}.video-section .video-loading{position:absolute;right:1rem;bottom:1rem;z-index:3;padding:.4rem .75rem;border-radius:999px;background:#040810bf;border:1px solid rgba(0,255,136,.35);color:#8fc;font-size:.85rem}.video-section .video-fallback{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#d7ffee;background:#040810d9}.clean-check .clean-figure{margin:2rem auto 0;max-width:980px;border-radius:1.25rem;border:1px solid rgba(0,255,136,.35);background:#04080fd9;box-shadow:0 30px 80px #00ff881f;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.clean-check figcaption{flex:1;text-align:left;color:#d7ffee}.clean-caption{font-size:1.2rem;margin:0 0 .6rem;font-weight:600}.clean-note{margin:0;color:#8fc;line-height:1.6}.clean-thumbnail{flex:1.05;display:flex;justify-content:flex-end;width:100%}.clean-image-wrapper{position:relative;border-radius:1rem;overflow:hidden;border:1px solid rgba(0,255,136,.25);transition:box-shadow .3s ease,transform .3s ease}.clean-image-thumb{width:min(100%,230px);margin-left:auto;box-shadow:0 15px 40px #00ff881f}.clean-image-wrapper img{width:100%;display:block;object-fit:cover}.clean-image-hover{position:absolute;inset:0;background:#04080f8c;opacity:0;display:flex;align-items:center;justify-content:center;color:#d7ffee;transition:opacity .25s ease;pointer-events:none}.clean-expand-mobile{position:absolute;top:.55rem;right:.55rem;background:#04080fd9;border:1px solid rgba(0,255,136,.4);border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0fa;cursor:pointer;box-shadow:0 8px 20px #0000004d}.clean-expand-mobile:focus-visible{outline:2px solid #00ffaa;outline-offset:3px}.clean-expand-icon{width:22px;height:22px}@media(min-width:768px){.clean-check .clean-figure{flex-direction:row;align-items:center}.clean-thumbnail{max-width:300px}.clean-expand-mobile{display:none}.clean-thumbnail:hover .clean-image-wrapper{transform:translateY(-4px);box-shadow:0 25px 45px #00ff8838}}@media(hover:none){.clean-thumbnail:hover .clean-image-hover{opacity:0}}@media(hover:hover)and (pointer:fine){.clean-thumbnail:hover .clean-image-hover{opacity:1}}.steps{list-style:none;padding:0;margin:1.5rem 0 0;color:#8fc;text-align:left;font-size:1.1rem;line-height:1.7}.steps li+li{margin-top:1rem}.roadmap{display:flex;flex-direction:column;gap:1.75rem;margin-top:2rem}.roadmap-step{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;position:relative}.roadmap-node{position:relative;display:flex;flex-direction:column;align-items:center;color:#0fa;min-width:90px}.roadmap-node:after{content:"";position:absolute;top:70px;bottom:-36px;width:2px;background:linear-gradient(180deg,rgba(0,255,136,.8),transparent);opacity:.6}.roadmap-step:last-child .roadmap-node:after{display:none}.roadmap-icon{width:72px;height:72px;border-radius:22px;border:1px solid rgba(0,255,136,.35);background:#00ff8814;display:grid;place-items:center;box-shadow:0 10px 30px #00ff8826}.roadmap-icon svg{width:38px;height:38px}.roadmap-index{margin-top:.75rem;font-size:.85rem;letter-spacing:.25em;color:#d7ffee}.roadmap-card{position:relative;text-align:left}.roadmap-card h3{margin:0 0 .4rem;font-size:1.25rem;color:#eafff5}.roadmap-card p{margin:0;line-height:1.65;color:#8fc}.steps.detailed li{border:1px solid rgba(0,255,136,.2);border-radius:.9rem;padding:1rem 1.2rem;background:#050912a6}.step-headline{display:flex;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:600;color:#eafff5}.step-title{flex:1}.steps.detailed p{margin:.45rem 0 0;font-size:.95rem;color:#8fc;line-height:1.6}.accent{color:#0fa;font-weight:600}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;text-align:left;width:100%}.faq-item{width:100%;border:1px solid rgba(0,255,136,.35);border-radius:.9rem;background:#050912cc;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item.open{border-color:#0f89;box-shadow:0 0 20px #0f83}.faq-toggle{width:100%;border:none;background:transparent;color:inherit;font:inherit;text-align:left;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem}.faq-icon{font-size:1.3rem;line-height:1}.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-body-inner{padding:0 1.2rem 1rem;color:#8fc}.faq-body-inner p{margin:0;line-height:1.6}.contact-panel{margin-top:1.5rem;display:flex;flex-direction:column;gap:.9rem;align-items:center}.contact-row{margin:0;font-size:1.05rem;color:#d7ffee;display:flex;flex-direction:column;gap:.35rem;align-items:center}.contact-main{display:inline-flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;justify-content:center;text-align:center}.contact-inline{border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.contact-inline:focus-visible{outline:2px solid rgba(0,255,136,.5);outline-offset:3px}.contact-inline:hover .contact-value,.contact-inline:focus-visible .contact-value{color:#0fa;text-decoration:underline}.contact-label{color:#8fc}.contact-value{font-weight:600;word-break:break-all}.contacts .contact-link{color:#0fa;font-weight:600;word-break:break-all}.contacts .contact-link:hover{text-decoration:underline}.contact-copied{min-height:1rem;font-size:.85rem;color:#0fa;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.contact-copied.visible{opacity:1;transform:translateY(0)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:20;background:#050912e6;border-bottom:1px solid rgba(0,255,136,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav{max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700}.logo-cluster{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.lang-switch{display:inline-flex;padding:.15rem;border:1px solid rgba(0,255,136,.35);border-radius:999px;background:#040810b3;gap:.3rem}.lang-btn{border:none;background:transparent;color:#8fc;font-family:inherit;font-size:.75rem;padding:.2rem .7rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.lang-btn.active{background:#0f8;color:#05070f}.nav-links{list-style:none;display:flex;gap:1.2rem;margin:0;padding:0;font-size:.9rem}.nav-links a:hover{text-shadow:0 0 10px #00ff88}.site-footer{position:relative;z-index:10;text-align:center;padding:3rem 1rem;color:#8fc;border-top:1px solid rgba(0,255,136,.25);margin-top:4rem}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,136,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.08) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite;z-index:0}.particles{position:fixed;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;width:3px;height:3px;background:#0f8;border-radius:50%;opacity:0;animation-name:float;animation-iteration-count:infinite;animation-timing-function:linear}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.glow{text-shadow:0 0 10px rgba(0,255,136,.9),0 0 20px rgba(0,255,136,.4)}@keyframes float{0%{transform:translateY(0);opacity:0}25%,75%{opacity:.7}to{transform:translateY(-100vh);opacity:0}}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}@media(max-width:720px){.nav{flex-direction:column;gap:.8rem;text-align:center}.nav-links{flex-wrap:wrap;justify-content:center}.steps{text-align:center}.site-header{position:static}.main-content{padding-top:3rem}.address-display{flex-direction:column;gap:.5rem}.copy-status{align-self:flex-end}.mix-result{padding:0 .5rem}.qr-wrapper{margin-top:1.5rem}.video-section .video-overlay__icon{width:64px;height:64px}.video-section .video-overlay__label{font-size:1rem}.video-section .video-overlay__hint{font-size:.85rem}}
