:root{--bg-void:#050505;--bg-panel:rgba(10,15,20,.75);--bg-panel-alt:rgba(20,30,40,.6);--text-main:#e0e0e0;--text-muted:#89a;--cyan-glow:#00f0ff;--gold-accent:#c0a060;--green-active:#4caf50;--font-display:"Cinzel",serif;--font-body:"Noto Serif JP",serif;--font-sys:"Share Tech Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-void);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;cursor:none}@media (hover:none){body{cursor:auto}}.visual-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;transition:background .5s}.visual-bg.entrance{background:radial-gradient(ellipse at 30% 20%,rgba(0,240,255,.04) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(192,160,96,.03) 0,transparent 50%),linear-gradient(180deg,#080808,#050505 50%,#030303)}.visual-bg.main{background-image:linear-gradient(rgba(5,5,5,.7),rgba(5,5,5,.95)),url(/img/hero/female.jpg);background-size:cover;background-position:50%}.visual-bg.info{background:radial-gradient(ellipse at 20% 80%,rgba(0,240,255,.03) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(192,160,96,.03) 0,transparent 50%),var(--bg-void)}.scan-line{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.015) 0,rgba(0,240,255,.015) 4px);pointer-events:none}body.gate-active{overflow:hidden}@keyframes spin-lock{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.site-header{position:fixed;top:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(180deg,rgba(5,5,5,.95),transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid hsla(0,0%,100%,.05)}.site-header.entrance{background:linear-gradient(180deg,rgba(5,5,5,.9),transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.brand{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;cursor:pointer}.brand-sub{font-size:.6rem;color:var(--gold-accent)}.brand-sub,.header-status{font-family:var(--font-sys)}.header-status{font-size:.7rem;color:var(--cyan-glow);display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#4caf50;border-radius:50%;animation:blink-dot 2s infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.main-nav{display:flex;align-items:center;gap:30px}.nav-link{font-family:var(--font-sys);font-size:.75rem;color:var(--text-muted);text-decoration:none;letter-spacing:.1em;cursor:pointer;transition:.3s}.nav-link:hover{color:var(--cyan-glow)}.entrance-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.scroll-indicator{position:absolute;bottom:40px;font-family:var(--font-sys);font-size:.7rem;letter-spacing:.2em;color:var(--text-muted)}.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--cyan-glow),transparent);margin:12px auto 0;animation:scroll-pulse 2s infinite}@keyframes scroll-pulse{0%,to{opacity:.3;height:50px}50%{opacity:1;height:60px}}.title-sub{font-family:var(--font-sys);font-size:.85rem;letter-spacing:.5em;color:var(--gold-accent);margin-bottom:20px}.title-main{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 30px rgba(0,240,255,.4);line-height:1.1}.title-jp{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--text-muted);margin-top:25px;letter-spacing:.3em}.cta-button{margin-top:60px;padding:18px 50px;background:transparent;border:1px solid rgba(0,240,255,.4);color:var(--cyan-glow);font-family:var(--font-sys);font-size:.9rem;letter-spacing:.2em;cursor:pointer;transition:all .4s}.cta-button:hover{border-color:var(--cyan-glow);text-shadow:0 0 10px var(--cyan-glow);box-shadow:0 0 30px rgba(0,240,255,.3);background:rgba(0,240,255,.05)}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-jp-sub{font-size:1rem;letter-spacing:.4em;color:var(--text-main);margin-bottom:15px;text-shadow:0 0 10px rgba(0,0,0,.8)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:700;line-height:1;margin:0 0 30px;color:#fff;text-shadow:0 0 30px rgba(0,240,255,.4)}.hero-lead{font-size:.9rem;line-height:2;color:var(--text-muted);max-width:600px}.content-section{padding:100px 20px;max-width:1200px;margin:0 auto}.section-header{margin-bottom:80px;text-align:center}.section-subtitle{font-family:var(--font-sys);color:var(--gold-accent);font-size:.9rem;letter-spacing:.3em;display:block;margin-bottom:10px}.section-title{font-family:var(--font-display);font-size:2.5rem;color:#fff;margin:0}.genesis-text{text-align:center;font-size:1.1rem;line-height:2.2;max-width:800px;margin:0 auto;border-left:1px solid var(--gold-accent);border-right:1px solid var(--gold-accent);padding:40px;background:linear-gradient(90deg,transparent,rgba(192,160,96,.05),transparent)}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px}.protocol-card{background:var(--bg-panel);border:1px solid hsla(0,0%,100%,.1);padding:40px 30px;transition:.4s;position:relative;overflow:hidden}.protocol-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--cyan-glow);opacity:0;transition:.3s}.protocol-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,.5);border-color:hsla(0,0%,100%,.3)}.protocol-card:hover:before{opacity:1}.card-head{font-family:var(--font-sys);color:var(--cyan-glow);font-size:.8rem;margin-bottom:10px;display:flex;justify-content:space-between}.card-title{font-size:1.4rem;margin:0 0 10px;color:#fff}.card-jp-sub{font-size:.8rem;color:var(--text-muted);margin-bottom:20px;display:block;letter-spacing:.1em}.card-body{font-size:.9rem;line-height:1.8;color:var(--text-muted)}.location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:40px;gap:40px}.location-card{background:var(--bg-panel);border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.loc-header{background:linear-gradient(135deg,rgba(0,240,255,.1),transparent);padding:25px 30px;border-bottom:1px solid hsla(0,0%,100%,.1)}.loc-name{font-size:1.3rem;color:#fff;margin-bottom:5px}.loc-code{font-family:var(--font-sys);font-size:.75rem;color:var(--cyan-glow);letter-spacing:.15em}.loc-body{padding:25px 30px}.loc-row{display:flex;margin-bottom:20px}.loc-label{font-family:var(--font-sys);font-size:.7rem;color:var(--gold-accent);width:120px;flex-shrink:0}.loc-val{font-size:.9rem;line-height:1.6}.site-footer{text-align:center;padding:80px 20px;border-top:1px solid hsla(0,0%,100%,.05);background:linear-gradient(0deg,rgba(0,0,0,.3),transparent)}.footer-logo{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-bottom:10px}.corp-name{font-family:var(--font-sys);font-size:.75rem;color:var(--text-muted)}.info-page{padding-top:80px;min-height:100vh}.info-header{text-align:center;padding:60px 20px 40px;border-bottom:1px solid hsla(0,0%,100%,.1)}.page-title{font-family:var(--font-display);font-size:2rem;letter-spacing:.1em;margin-bottom:15px}.page-subtitle{font-size:.85rem;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sys);font-size:.8rem;color:var(--cyan-glow);text-decoration:none;padding:10px 20px;border:1px solid rgba(0,240,255,.3);transition:.3s;margin-bottom:40px;cursor:pointer}.back-link:hover{background:rgba(0,240,255,.1);box-shadow:0 0 20px rgba(0,240,255,.2)}.info-container{max-width:1000px;margin:0 auto;padding:40px 20px}.info-section{background:var(--bg-panel);border:1px solid hsla(0,0%,100%,.1);margin-bottom:30px;overflow:hidden;transition:all .3s ease;position:relative}.info-section:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--cyan-glow);opacity:0;transition:opacity .3s}.info-section:hover{border-color:rgba(0,240,255,.3);box-shadow:0 0 20px rgba(0,240,255,.1);transform:translateX(5px)}.info-section:hover:before{opacity:1}.section-title-bar{background:linear-gradient(90deg,rgba(0,240,255,.1),transparent);padding:15px 25px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:15px;position:relative}.section-title-bar:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--green-active);border-radius:50%;animation:blink-dot 2s infinite;box-shadow:0 0 10px var(--green-active)}.section-code{font-family:var(--font-sys);font-size:.7rem;color:var(--cyan-glow);letter-spacing:.1em}.section-title-jp{font-size:1rem;color:var(--text-main)}.section-content{padding:25px}.info-table{width:100%;border-collapse:collapse}.info-table td,.info-table th{padding:15px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:.9rem}.info-table th{width:180px;color:var(--gold-accent);font-weight:400;font-family:var(--font-sys);font-size:.8rem}.unit-card{background:var(--bg-panel-alt);border:1px solid hsla(0,0%,100%,.08);padding:20px;margin-bottom:20px}.unit-name{font-size:1.1rem;color:#fff;margin-bottom:15px;display:block}.unit-row{display:flex;margin-bottom:10px;font-size:.85rem}.unit-label{width:100px;color:var(--text-muted);flex-shrink:0}.unit-val{color:var(--text-main)}.tag{display:inline-block;padding:4px 10px;font-size:.7rem;border:1px solid var(--cyan-glow);color:var(--cyan-glow);margin:3px;font-family:var(--font-sys);transition:all .3s}.tag.clickable{cursor:pointer}.tag.clickable:hover{background:rgba(0,240,255,.15);box-shadow:0 0 15px rgba(0,240,255,.3);transform:translateY(-2px)}.tag.gold{border-color:var(--gold-accent);color:var(--gold-accent)}.tag.gold.clickable:hover{background:rgba(192,160,96,.15);box-shadow:0 0 15px rgba(192,160,96,.3)}.tag.green{border-color:var(--green-active);color:var(--green-active)}.tag.green.clickable:hover{background:rgba(76,175,80,.15);box-shadow:0 0 15px rgba(76,175,80,.3)}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.4;pointer-events:none}@media (max-width:768px){.site-header{padding:15px 20px}.brand{font-size:.85rem}.brand-sub{display:none}.title-main{font-size:2.5rem}.cta-button{padding:15px 35px;font-size:.8rem}.location-grid,.protocol-grid{grid-template-columns:1fr}}