@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&display=swap";*{box-sizing:border-box}body,html,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#111}@keyframes flowPulse{0%{stroke:transparent;stroke-opacity:0}10%{stroke:#0ff;stroke-opacity:1;filter:drop-shadow(0 0 5px rgba(0,255,255,.8))}20%{stroke:transparent;stroke-opacity:0}to{stroke:transparent;stroke-opacity:0}}body,.letter-container,p,div,.grid-item h3,.btn h3,span{font-family:ZCOOL QingKe HuangYou,sans-serif!important;letter-spacing:1px}h1,h2,h3,button,.cover-title{font-family:"Press Start 2P",cursive!important;text-transform:uppercase}.letter-container{position:relative;width:100vw;height:100vh;background:transparent;overflow-y:hidden;margin:0 auto;transition:all 2.5s cubic-bezier(.2,.8,.2,1)}.letter-container.open{width:85vw;height:90vh;top:5vh;overflow-y:auto;background:#f4f1ea;box-shadow:0 20px 50px #000c;scrollbar-width:none;-ms-overflow-style:none}.letter-container.open::-webkit-scrollbar{display:none}.header-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;transition:all 2.5s cubic-bezier(.2,.8,.2,1);background:#050505;border-bottom:1px solid #333}.letter-container.open .header-wrapper{height:45vh;background:#f4f1ea;border-bottom:1px solid #ddd;cursor:pointer}.svg-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.svg-container svg{width:100%;height:100%}.svg-container polyline{fill:none;stroke:transparent;stroke-width:1.5px;vector-effect:non-scaling-stroke;animation:flowPulse 8s linear infinite;animation-delay:calc(var(--i) * -.1s);transition:stroke .5s ease,stroke-opacity .5s ease,stroke-width .5s ease,filter .5s ease}.letter-container.open .svg-container polyline{animation:none;stroke:#000;stroke-opacity:.15;stroke-width:4px;filter:none;pointer-events:stroke;cursor:crosshair}.letter-container.open .svg-container polyline:hover{stroke:red;stroke-opacity:1;stroke-width:6px;filter:drop-shadow(0 0 8px rgba(255,0,0,.8));z-index:100;transition:none}.text-content{padding:20px 10% 80px;opacity:0;transform:translateY(30px);transition:all 1s ease 1s;background:#f4f1ea}.letter-container.open .text-content{opacity:1;transform:translateY(0)}.cover-title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:all 1s ease;z-index:5}.cover-title.hidden{opacity:0;transform:scale(1.1);filter:blur(10px)}.cover-title h1{font-size:4rem;color:#fffffff2;margin:0 20px;text-align:center;letter-spacing:5px;line-height:1.5}.cover-title p{margin-top:20px;color:#888;letter-spacing:8px;text-transform:uppercase;font-size:.8rem}.section{margin-bottom:70px;border-left:4px solid #333;padding-left:30px}.section h2{font-size:1.5rem;color:#222;margin-bottom:25px;letter-spacing:2px}.section p{font-size:.9rem;color:#444;line-height:2}.btn{padding:15px 35px;background:#222;color:#f4f1ea;border:none;cursor:pointer;font-size:.8rem;letter-spacing:2px;transition:background .3s;border-radius:10px}.btn:hover{background:#555}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.grid-item{background:#e8e5de;padding:20px;border-radius:10px;border:2px solid #333}.grid-item h3{margin-top:0;color:#333;font-size:1rem;margin-bottom:15px}.grid-item p{font-size:.8rem;margin-bottom:0;color:#666;line-height:1.5}