:root{--line:#303030}*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fff;font-family:Arial,sans-serif}a{color:inherit}.eyebrow{font-size:9px;letter-spacing:.28em;color:#aaa}.home header,.magic header,.app-world header{height:76px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#000}.home header img{width:135px}.home header a{margin-left:auto;text-decoration:none;font-size:9px;letter-spacing:.18em}.door-world{position:relative;height:calc(100svh - 76px);overflow:hidden}.door-art{width:100%;height:100%;object-fit:cover;object-position:center}.door-links{position:absolute;inset:0}.door{position:absolute;top:35%;width:15%;height:35%;text-decoration:none;transition:.3s}.door:hover{transform:translateY(-10px);filter:drop-shadow(0 0 15px #fff)}.door span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#000;border:1px solid #fff;padding:11px;font-size:8px;letter-spacing:.15em;text-transform:uppercase;opacity:0}.door:hover span,.door:focus span{opacity:1}.d1{left:23%}.d2{left:44%}.d3{left:65%}.auth{min-height:100svh;background:radial-gradient(circle at 75% 50%,#222,#000 35%)}.logo{position:absolute;top:20px;left:25px}.logo img{width:150px}.auth main{width:min(570px,100%);padding:15vh 7vw}.auth h1,.magic h1,.app-world h1{font:italic clamp(60px,9vw,120px)/.8 Georgia,serif}.tabs{display:flex;border-bottom:1px solid #333}.tabs a{flex:1;padding:14px;text-align:center;text-decoration:none;font-size:9px;letter-spacing:.15em;text-transform:uppercase}label{display:block;margin:18px 0;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#aaa}input{display:block;width:100%;background:none;color:#fff;border:0;border-bottom:1px solid #555;padding:10px 0;font:20px Georgia}button{background:#fff;color:#000;border:0;padding:13px 17px;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.message{border-left:1px solid #fff;padding:10px;color:#ccc}.magic header>a,.app-world header>a{text-decoration:none;font-size:9px;letter-spacing:.15em}.magic header b,.app-world header b{margin:auto;font:italic 25px Georgia}.magic header form{margin:0}.magic main{display:grid;grid-template-columns:230px 1fr;min-height:calc(100svh - 76px)}.magic aside{padding:35px 24px;border-right:1px solid #333}.magic aside h1{font-size:40px}.magic aside strong{display:block;font:32px Georgia;margin-top:25px}.magic aside span{font-size:9px;color:#888}.magic section{display:grid;place-items:center;position:relative}.magic section h2{position:absolute;top:25px;text-align:center;font:italic clamp(40px,5vw,68px)/.9 Georgia;margin:0}.orbit{position:relative;width:min(70vw,700px);aspect-ratio:1;margin-top:70px;border:1px solid #222;border-radius:50%;animation:arrive 1s}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;aspect-ratio:1;border:1px solid #fff;border-radius:50%;display:grid;place-content:center;text-align:center;background:#000}.hub b{font:italic 29px Georgia}.hub small{font-size:8px;color:#888}.app{position:absolute;width:140px;padding:14px;text-align:center;text-decoration:none;font:italic 19px Georgia;border-bottom:1px solid #555}.app:hover{background:#fff;color:#000}.a1{left:40%;top:0}.a2{right:5%;top:18%}.a3{right:-4%;top:45%}.a4{right:5%;bottom:17%}.a5{left:40%;bottom:0}.a6{left:5%;bottom:17%}.a7{left:-4%;top:45%}.a8{left:5%;top:18%}.app-world main{display:grid;grid-template-columns:1.2fr .8fr;min-height:calc(100svh - 76px)}.app-world main>section{padding:12vh 7vw}.app-world main>section p:last-child{color:#aaa}.app-world main>aside{border-left:1px solid #333;padding:12vh 5vw}.app-world ol{list-style:none;padding:0}.app-world li{border-top:1px solid #333;padding:20px 0}.app-world li b{display:block;font:italic 28px Georgia}.app-world li span{font-size:10px;color:#888}@keyframes arrive{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.door span{opacity:1;white-space:normal}.magic main,.app-world main{grid-template-columns:1fr}.magic aside{display:none}.orbit{width:95vw}.hub{width:115px}.app{width:95px;font-size:13px}.a1,.a5{left:36%}.app-world main>aside{border:0;border-top:1px solid #333}}

