/* Poster composition and ornamental interface, rendered as clean UI. */
.bellato img{mask-image:url("/rf-ph-bellato-matched-mask-opt-20261015.webp")}
.cora img{mask-image:url("/rf-ph-cora-matched-mask-opt-20261015.webp");mask-mode:luminance;mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat}
.hero{min-height:760px;background:#163b66}
header{align-items:flex-start;padding:25px 3.5%;gap:18px}
.brand{padding-top:0}.brand>span{font-size:29px;letter-spacing:2px}.brand small{font-size:11px;letter-spacing:5px}
nav{margin-left:auto;gap:8px;align-items:center;padding-top:5px}
nav button,nav a{font-size:12px;letter-spacing:.7px;padding:10px 22px;background:linear-gradient(110deg,#eaf6ffe8,#fff5d9ef);color:#234c78;text-shadow:none;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);border-block:1px solid #eac982;font-weight:bold}
nav a.active{background:linear-gradient(120deg,#163c70,#3972a7);color:#ffedbd}nav a.active:after{display:none}nav button:hover{color:#122b52;background:#fff2cc}
.login{margin-top:5px;min-width:110px;font-size:12px}.login>span:not(.gem){padding:8px 24px}
.world{filter:brightness(1.12) saturate(1.05)}
.accretia{left:-9%;width:51%;height:94%;bottom:-8%;opacity:.97}
.cora{right:-12%;width:54%;height:108%;bottom:-14%;opacity:.94}
.bellato{left:29%;width:43%;height:73%;bottom:15%;z-index:2}
.atmosphere{background:linear-gradient(0deg,#071b3df5 0%,#102e5c80 23%,transparent 53%,#29588a15 85%,#122c5550),linear-gradient(90deg,#c3eaff14,transparent 40%,#c3eaff0a)}
.hero-copy{left:20%;right:20%;bottom:24%;max-width:none;text-align:center;filter:drop-shadow(0 3px 12px #082347)}
.hero-copy h1{font-style:italic;text-transform:none;font-size:clamp(66px,6.9vw,114px);line-height:.82;letter-spacing:-4px;text-shadow:0 0 25px #74c8ff45;font-weight:400}
.hero-copy h1>span{display:inline-block;margin-top:10px;background:linear-gradient(#fffdf0 20%,#f4e8c3 60%,#dfbe75);background-clip:text;-webkit-background-clip:text}
.hero-copy p{font-size:15px;letter-spacing:3px;margin:23px 0 0;color:#eaf5ff}
.actions{left:0;right:0;bottom:6.5%;gap:6px}
.gold-button.download,.gold-button.register,.gold-button.dismiss{clip-path:none;background:transparent url('rf-ph-button-frame.svg') center/100% 100% no-repeat;padding:0;filter:drop-shadow(0 5px 10px #05163070)}
.gold-button.download{width:390px;height:86px;font-size:23px}
.gold-button.download>span:not(.gem),.gold-button.register>span:not(.gem),.gold-button.dismiss>span:not(.gem){background:none;border:0;box-shadow:none;clip-path:none;padding:0 35px;height:100%;min-height:0;letter-spacing:1px;text-shadow:0 2px 4px #061e45}
.download .gem{display:none}.download:after{display:none}
.gold-button.register{width:282px;height:53px;font-size:13px}
.gold-button:hover{filter:drop-shadow(0 0 10px #9adbff99);transform:translateY(-2px)}
.gold-button:focus-visible{outline:2px solid #d9eeff;outline-offset:3px}
footer{height:35px;font-size:10px;letter-spacing:3px;background:linear-gradient(0deg,#04132bb0,transparent)}footer .seal{font-size:20px}
.motion{bottom:53px;left:25px;border-color:#e6c786a0;background:#143868cc}
dialog{overflow:visible;border:1px solid #dac08a;padding:34px 38px 35px;width:480px;background:linear-gradient(145deg,#234d78f5,#081c3afc);box-shadow:0 0 0 5px #102949,0 0 0 6px #dabd80,0 20px 70px #0008}
dialog:before,dialog:after{content:'✦';position:absolute;left:calc(50% - 15px);color:#eed299;background:#173657;width:30px;font-size:27px;line-height:30px}dialog:before{top:-22px}dialog:after{bottom:-22px}
.dialog-gem{color:#c4ecff;text-shadow:0 0 18px #6cbeff;font-size:43px}dialog h2{font-size:25px;letter-spacing:2px;color:#fff0c8}dialog p{color:#dceaf7}.gold-button.dismiss{height:61px;width:260px;font-size:13px}
@media(max-width:1100px){header{flex-wrap:wrap}.brand{margin-right:auto}.login{order:2}nav{order:3;width:100%;justify-content:center;margin-top:5px;gap:7px}.hero-copy{left:10%;right:10%;bottom:25%}.hero-copy h1{font-size:86px}.accretia{width:56%;left:-13%;height:87%}.cora{width:58%;right:-15%;height:97%}.bellato{width:49%;left:25%;height:66%;bottom:22%}}
@media(min-width:601px) and (max-width:1100px){.bellato{height:59%;bottom:22%}}
@media(max-width:600px){.hero{min-height:820px}header{padding:20px 5%;gap:14px}.brand>span{font-size:24px}.brand small{font-size:10px}nav{gap:3px;justify-content:space-between}nav button,nav a{font-size:10px;padding:10px 10px}.login{min-width:98px}.accretia{height:67%;width:79%;left:-31%;bottom:18%}.cora{height:76%;width:88%;right:-39%;bottom:14%}.bellato{height:53%;width:65%;left:15%;bottom:28%}.hero-copy{left:4%;right:4%;bottom:25%}.hero-copy h1{font-size:clamp(54px,13vw,77px);letter-spacing:-2.5px;line-height:.88}.hero-copy p{font-size:12px;letter-spacing:1.2px;margin-top:18px}.actions{bottom:7%;gap:8px}.gold-button.download{width:min(350px,91vw);height:80px;font-size:20px}.gold-button.register{height:50px;width:265px}footer{font-size:8px;letter-spacing:1px;gap:8px}.motion{left:12px;bottom:42px}dialog{padding:27px 22px}.gold-button.dismiss{max-width:100%}}