@font-face{font-family:OCRASTD;src:url(/fonts/OCRASTD.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color: #030303;--text-color: #e0e0e0;--accent-color: #ffffff;--border-color: #444444;font-family:Roboto,Helvetica Neue,Segoe UI,sans-serif;color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}#app{width:100%;display:flex;flex-direction:column;align-items:center}.intro-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.intro-frame{width:calc(100% - 4rem);max-width:836px;height:80vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid transparent;border-radius:40px 0;animation:fadeInBorder 1s cubic-bezier(.2,.8,.2,1) 3.5s forwards}.intro-frame:after{content:"";position:absolute;left:-2px;bottom:calc(-10vh - 5px);width:2px;height:calc(10vh + 5px);background-color:var(--border-color);z-index:1;opacity:0;animation:fadeIn 1.5s cubic-bezier(.2,.8,.2,1) 3.5s forwards}.intro-frame:before{content:"";position:absolute;right:-2px;top:calc(-10vh - 5px);width:2px;height:calc(10vh + 5px);background-color:var(--border-color);z-index:1;opacity:0;animation:fadeIn 1.5s cubic-bezier(.2,.8,.2,1) 3.5s forwards}.intro-text-wrapper{position:relative;text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.title-mask{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.title-main{font-family:OCRASTD,monospace;font-size:clamp(3rem,8vw,6rem);letter-spacing:.1em;color:var(--accent-color);line-height:1.1;margin-bottom:.5rem;opacity:0;transform:translateY(20px);animation:textReveal 1.5s cubic-bezier(.2,.8,.2,1) 2.2s forwards}.title-sub{font-family:OCRASTD,monospace;font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:.05em;line-height:1.1;opacity:0;transform:translateY(20px);animation:textReveal 1.5s cubic-bezier(.2,.8,.2,1) 2.4s forwards}.intro-line{position:absolute;height:2px;background-color:var(--accent-color);width:50%;top:50%;transform:translateY(-50%)}.intro-line.left{left:0;transform-origin:left;animation:mergeLeft 1.5s cubic-bezier(.77,0,.175,1) forwards,expandTop 1.5s cubic-bezier(.77,0,.175,1) 1.5s forwards}.intro-line.right{right:0;transform-origin:right;animation:mergeRight 1.5s cubic-bezier(.77,0,.175,1) forwards,expandBottom 1.5s cubic-bezier(.77,0,.175,1) 1.5s forwards}@keyframes textReveal{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes mergeLeft{0%{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}@keyframes mergeRight{0%{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}@keyframes fadeInBorder{to{border-color:var(--border-color)}}@keyframes fadeIn{to{opacity:1}}@keyframes expandTop{0%{top:50%;width:50%;left:0}20%{width:100%;left:0}to{top:10%;width:100%;left:0;opacity:0}}@keyframes expandBottom{0%{top:50%;width:50%;right:0}20%{width:100%;right:0}to{top:90%;width:100%;right:0;opacity:0}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--accent-color);opacity:0;animation:fadeInScroll 1s cubic-bezier(.2,.8,.2,1) 3.5s forwards,bounceScroll 2s infinite 3.5s;transition:opacity .3s ease}.scroll-indicator.hidden{opacity:0!important;pointer-events:none}@keyframes fadeInScroll{to{opacity:.8}}@keyframes bounceScroll{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}.content-wrapper{width:100%;max-width:900px;padding:0 2rem 2rem;position:relative;display:flex;flex-direction:column}.section{position:relative;width:100%;padding:2rem;opacity:0;transform:translateY(0);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);margin-top:-2px}.section.visible{opacity:1;transform:translateY(0)}.section:nth-child(2n){border-top:2px solid var(--border-color);border-right:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-left:none;border-radius:0 20px 20px 0;margin-left:20px;width:calc(100% - 20px);text-align:left}.section:nth-child(odd){border-top:2px solid var(--border-color);border-left:2px solid var(--border-color);border-bottom:2px solid var(--border-color);border-right:none;border-radius:20px 0 0 20px;margin-right:20px;margin-left:0;width:calc(100% - 20px);text-align:left}.section:first-child{margin-top:0}.section.blank{height:40px;padding:0!important;min-height:0;opacity:1!important;transform:none!important}.section.blank:first-child{border-top:none;border-top-right-radius:0;border-top-left-radius:0;margin-top:0}.section.blank:last-child{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative}.section.blank:last-child:after{content:"";position:absolute;width:2px;height:150px;background-color:var(--border-color);bottom:-150px;z-index:1}.section.blank:last-child:nth-child(2n):after{right:-2px}.section.blank:last-child:nth-child(odd):after{left:-2px}.section h2{font-size:2.5rem;margin-bottom:1.5rem;font-weight:300;color:var(--accent-color);letter-spacing:-.02em}.section-content{font-size:1.2rem;color:#bbb;font-weight:300}.section-content p{margin-bottom:1.25rem}.section-content p:last-child{margin-bottom:0}.section-content strong{color:#fff;font-weight:500}.section-content a{color:#fff;text-decoration:none;border-bottom:1px solid #555;transition:border-color .2s}.section-content a:hover{border-color:#fff}.DialogTriggerButton{background:none;border:1px solid #555;color:#ccc;padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-family:OCRASTD,monospace;letter-spacing:.05em;transition:all .2s}.DialogTriggerButton:hover{border-color:#fff;color:#fff;background-color:#ffffff0d}@media (max-width: 768px){.section{padding:3rem 2.5rem 3rem 1.5rem!important}.section:nth-child(2n){padding-right:1.5rem!important;padding-left:2.5rem!important}.section h2{font-size:1.8rem}.content-wrapper{padding:1rem 1rem 6rem}.intro-frame{width:calc(100% - 2rem);height:70vh;margin:0 1rem;border-top-left-radius:20px;border-bottom-right-radius:20px}.intro-frame:after{left:-2px;bottom:calc(-15vh - 25px);height:calc(15vh + 25px)}.intro-frame:before{right:-2px;top:calc(-15vh - 5px);height:calc(15vh + 5px)}}.footer{width:100%;display:flex;justify-content:center;position:relative;background-color:var(--bg-color)}.footer-content{width:calc(100% - 4rem);max-width:836px;padding:4rem 2rem;border-top:2px solid var(--border-color);border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);border-radius:20px 20px 0 0;position:relative;text-align:left}.footer-content .legal{margin-bottom:3rem}.footer-content .legal .title{font-family:OCRASTD,monospace;font-size:1.2rem;color:var(--accent-color);margin-bottom:2rem;letter-spacing:.05em;opacity:.8}.footer-content .legal-info{display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.footer-content .block1,.footer-content .block2{flex:1;min-width:280px;font-size:1.2rem;color:#bbb;font-weight:300;line-height:1.6}.footer-content .block1 .name{color:#fff;font-weight:500;margin-bottom:.5rem}.footer-content .copyright{color:#444;font-size:.85rem;font-family:OCRASTD,monospace;letter-spacing:.05em;margin-top:2rem;text-align:center}.footer-content .agreement{margin-top:1rem;text-align:center}@media (max-width: 768px){.footer-content{width:calc(100% - 2rem);padding:3rem 1rem}}.cookie-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.75rem 1.25rem;width:max-content;max-width:80vw;background:#1a1a1a;border:1px solid #333;border-radius:8px;font-size:.85rem;color:#999;text-align:center;box-shadow:0 4px 24px #00000080}.cookie-banner button{background:none;border:1px solid #555;color:#ccc;padding:.3rem .9rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-family:inherit;letter-spacing:.05em;transition:border-color .2s,color .2s;flex-shrink:0}.DialogOverlay{background-color:#000000d9;position:fixed;top:0;right:0;bottom:0;left:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.DialogContent{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:600px;max-height:85vh;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:1001;box-shadow:0 10px 38px -10px #00000080;outline:none;display:flex;flex-direction:column}.DialogScrollArea{overflow-y:auto;padding:2.5rem;flex:1}.DialogTitle{font-family:OCRASTD,monospace;font-size:1.5rem;color:var(--accent-color);margin-bottom:1.5rem;letter-spacing:.05em}.DialogBody{font-size:1.1rem;color:var(--text-color);line-height:1.6}.DialogClose{position:absolute;top:.75rem;right:.75rem;background:var(--bg-color);border:none;color:#666;cursor:pointer;padding:.5rem;transition:color .2s;z-index:1002;border-radius:50%}.DialogClose:hover{color:var(--accent-color)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes borderGlow{0%{transform:translate(-50%,-50%) rotate(0);opacity:0}10%{opacity:1}66%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg);opacity:0}}.border-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;z-index:5;overflow:hidden;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 1s ease}.section.visible .border-glow,.intro-frame .border-glow,.footer-content .border-glow{opacity:.6}.border-glow:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,var(--accent-color) 330deg,var(--accent-color) 350deg,transparent 360deg);animation:borderGlow 10s linear infinite}.section:nth-child(2n) .border-glow{clip-path:inset(0 0 0 2px)}.section:nth-child(odd) .border-glow{clip-path:inset(0 2px 0 0)}.section:first-child .border-glow{clip-path:inset(2px 2px 0 0)}.section:last-child:nth-child(2n) .border-glow{clip-path:inset(0 0 2px 2px)}.section:last-child:nth-child(odd) .border-glow{clip-path:inset(0 2px 2px 0)}.footer-content .border-glow{clip-path:inset(0 0 2px 0)}.intro-frame .border-glow{animation:fadeIn 1s cubic-bezier(.2,.8,.2,1) 3.5s forwards;opacity:0}