*{box-sizing:border-box}
body{font-family:sans-serif;text-align:center;color:#f1f1f1;background:#000;margin:0;padding:0 50px}
.area{background:#121212;border:1px solid #585858;display:table;max-width:580px;margin:100px auto;padding:50px;border-radius:12px;}
.title{font-size:1.2em;font-weight:600}
.title,.info{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.title+.title{padding-top:20px}
.orng{color:#fbb02f}

.pu{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;overflow:auto;background:#000a}
.pu .pu-close{cursor:pointer;z-index:1;position:fixed;right:15px;top:15px;width:28px;text-align:center;height:28px;background:#fbb02f;color:#000;font-size:25px;border-radius:50%}
.pu .pu-close:after{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%}
.pu>span{display:block;width:100%}
.pu>div:not(.pu-close){display:none;background:#121212;border:1px solid #585858;border-radius:12px;margin:0 15px;max-width:400px;padding:50px;z-index:2}

.phone{display:table;white-space:nowrap;margin:30px auto}
.phone select,.phone input,.inpt{padding:0 12px;height:45px;vertical-align:top;border:1px solid #ccc;color:#fff;font-size:1.25rem;outline:none;background:#000;transition:border-color .3s}
.phone select{border-radius:6px 0 0 6px}
.phone input{margin-left:-1px;width:8.5em;border-radius:0 6px 6px 0}
.inpt{width:9em;border-radius:6px}
.phone input:focus,.phone select:focus,.inpt:focus{border-color:#0497aa;transition:border-color .3s}
.button{padding-top:30px}

.copyLink{color:#fbb02f;cursor:pointer;text-decoration:underline}
.copyLink,#appleHint .info{text-shadow:0 1px 3px rgba(0,0,0,.6);}
.copy-text{text-shadow:0 1px 3px #000;cursor:pointer}
.copyDone{display:none;color:#49d749;font-size:1.15rem;text-shadow:0 1px 3px #000}
#appleHint .step{margin:25px 0}

.copy-button{background:linear-gradient(135deg, #f9d423 0%, #ff4e50 100%);border-radius:18px;text-shadow:0 2px 4px rgba(0, 0, 0, .75);box-shadow:0 6px 16px rgba(255, 78, 80, .45)}
.copy-button:active{transform:scale(.97)}
.copy-button{display:inline-block;background:#000;border-radius:20px;color:#fbb02f;font-size:1.2rem;font-weight:600;padding:14px 26px;text-shadow:0 1px 3px rgba(0, 0, 0, .6);box-shadow:none;cursor:pointer;transition:background .2s, transform .1s}
.copyBot{word-break:break-all;margin-top:20px}

#goBtn,.but{background:linear-gradient(to right, #f9d423, #ff4e50);background-size:200% 100%;background-position:left;color:#000;font-weight:bold;border:none;padding:12px 24px;border-radius:30px;cursor:pointer;box-shadow:0 4px 12px rgba(255, 78, 80, 0.4);transition:all 0.35s ease}
#goBtn:hover:not(:disabled),.but:hover:not(:disabled){filter:brightness(1.5) opacity(0.85)}
#goBtn:disabled{background:#999;cursor:not-allowed;box-shadow:none}

.info .title{font-size:1.1em}

.lgarea{margin-top:30px}
.lgarea>div:nth-of-type(1){display:grid;align-items:center;margin-bottom:30px;grid-template-columns:auto auto;gap:20px}
.lgarea>div>div:nth-of-type(odd){text-align:right}
.lgarea>div>div:nth-of-type(even){text-align:left}
@media(max-width:600px){
	body{padding:0}
	.area{padding:25px 15px;margin:5vw;position:relative;top:0;left:0}
	.pu>div:not(.pu-close){padding:50px 15px}
	.lgarea>div:nth-of-type(1){grid-template-columns:auto;gap:10px}
	.lgarea>div>div:nth-of-type(odd),.lgarea>div>div:nth-of-type(even){text-align:center}
	.lgarea>div>div:nth-of-type(odd){padding-top:10px}
}
@media(max-width:400px){
}