:root{color-scheme:dark;--bg:#080b16;--card:#13182b;--line:#273050;--text:#f4f7ff;--muted:#9da8c9;--blue:#6d8cff;--pink:#ff68ac;--green:#55e69b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,"Segoe UI",Tahoma,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0,#1a2350 0,transparent 35%),radial-gradient(circle at 90% 20%,#3a1536 0,transparent 30%),var(--bg)}
.shell{width:min(760px,calc(100% - 28px));margin:0 auto;padding:42px 0 28px}.hero{display:flex;gap:18px;align-items:center;margin-bottom:20px}.brand-mark{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:19px;background:linear-gradient(135deg,var(--blue),var(--pink));font-size:31px;box-shadow:0 16px 40px #6d8cff44}.eyebrow{margin:0 0 5px;color:#91a4ff;font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1,.result-card h1{margin:0;font-size:clamp(25px,5vw,38px)}.hero p:not(.eyebrow),.result-card p{margin:7px 0 0;color:var(--muted);line-height:1.65}
.card{background:linear-gradient(145deg,#161c33dd,#101426ee);border:1px solid #2c3559;border-radius:22px;padding:clamp(20px,5vw,34px);box-shadow:0 24px 80px #0008;backdrop-filter:blur(10px)}label,legend{display:block;margin:16px 0 7px;font-weight:700}.hint{font-size:13px!important;color:var(--muted);margin:6px 0!important}input[type=text],input[type=email],input:not([type]),textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#090d1c;color:#fff;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6d8cff25}fieldset{border:0;padding:0;margin:14px 0}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.package{margin:0;cursor:pointer}.package input{position:absolute;opacity:0}.package span{display:flex;min-height:88px;padding:14px;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:14px;background:#0c1122;color:var(--muted);transition:.15s}.package strong{font-size:23px;color:#fff}.package input:checked+span{border-color:var(--blue);background:#182148;box-shadow:inset 0 0 0 1px var(--blue)}button{width:100%;border:0;border-radius:13px;padding:15px 18px;background:linear-gradient(100deg,#557cff,#a65dff 55%,#ee66a7);color:#fff;font:700 16px inherit;cursor:pointer;box-shadow:0 12px 30px #5c6cff35}button:hover{filter:brightness(1.08)}button span{float:right}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.resource-button{display:flex;align-items:center;gap:12px;min-height:82px;padding:15px 16px;border:1px solid #33406c;border-radius:16px;color:#fff;text-decoration:none;box-shadow:0 14px 34px #0005;transition:transform .15s ease,filter .15s ease}.resource-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.resource-button.video{background:linear-gradient(135deg,#8e243f,#d83a5a)}.resource-button.download{background:linear-gradient(135deg,#2456b7,#6d63e7)}.resource-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#ffffff1c;font-size:21px;font-weight:900}.resource-button strong,.resource-button small{display:block}.resource-button strong{font-size:15px}.resource-button small{margin-top:4px;color:#edf0ffbd;font-size:11px;line-height:1.35}.alert{margin-bottom:14px;padding:13px 15px;border:1px solid #73314e;border-radius:12px;background:#38172a;color:#ff9bbe}footer{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px;color:#75809f;font-size:13px}a{color:#9fb0ff}.result-shell{max-width:650px;padding-top:8vh}.result-card{text-align:center}.status-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:50%;font-size:34px}.status-icon.success{color:#072416;background:var(--green);box-shadow:0 0 35px #55e69b55}textarea{height:126px;margin:20px 0 12px;resize:none;font-family:Consolas,monospace;font-size:12px;line-height:1.5}.text-link{display:inline-block;margin-top:18px}.spinner{width:58px;height:58px;margin:4px auto 20px;border:5px solid #28304d;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.shell{padding-top:24px}.hero{align-items:flex-start}.brand-mark{width:52px;height:52px;flex-basis:52px;border-radius:15px}.quick-actions{grid-template-columns:1fr}.packages{grid-template-columns:1fr}.package span{min-height:65px;flex-direction:row;align-items:center}.card{border-radius:18px}}
.quick-actions{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 18px}.resource-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:15px 18px;border:0;border-radius:14px;color:#fff;text-decoration:none;box-shadow:none;transition:transform .15s ease,filter .15s ease}.resource-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.resource-button.download{background:#303957}.resource-button.video{background:#cb302d}.resource-icon{display:inline;width:auto;height:auto;flex:0 0 auto;border-radius:0;background:transparent;font-size:19px;line-height:1}.resource-button strong{display:block;font-size:19px}.resource-button small{display:none}.support-section{margin-top:22px;padding:30px 20px;text-align:center;border:1px solid #2c3559;border-radius:22px;background:linear-gradient(145deg,#161c33dd,#101426ee);box-shadow:0 24px 80px #0006}.support-section h2{margin:0 0 8px;font-size:20px}.support-section p{margin:0 0 20px;color:#8f9abb}.qr-frame{display:inline-block;padding:10px;border-radius:18px;background:#fff;line-height:0}.qr-frame img{display:block;width:190px;height:190px;border-radius:8px}.line-button{display:block;width:max-content;margin:18px auto 0;padding:13px 28px;border-radius:12px;background:#06c755;color:#fff;text-decoration:none;font-size:16px;font-weight:800;transition:filter .15s ease,transform .15s ease}.line-button:hover{filter:brightness(1.07);transform:translateY(-1px)}@media(max-width:600px){.resource-button{min-height:62px}.resource-button strong{font-size:17px}.support-section{padding:26px 16px;border-radius:18px}.support-section h2{font-size:18px}.qr-frame img{width:180px;height:180px}}