.pufl-card,.pufl-router,.pufl-circle,.pufl-cinema{background:linear-gradient(180deg,#0c1212,#070a0b);border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:32px;color:#f7fbf9;margin:28px 0}
.pufl-head{max-width:720px;margin-bottom:24px}.pufl-head h2,.pufl-router h2,.pufl-circle h2,.pufl-cinema h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin:8px 0 12px}.pufl-head p,.pufl-router p,.pufl-circle p,.pufl-cinema p{color:#a9b5b0}.pufl-kicker{color:#28ef9a;font-weight:900;letter-spacing:.18em;font-size:.72rem}
.pufl-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pufl-field{display:grid;gap:7px}.pufl-wide{grid-column:1/-1}.pufl-field label{font-size:.86rem;color:#c9d3cf;font-weight:700}.pufl-field input,.pufl-field select,.pufl-field textarea{width:100%;background:#0b1111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 14px;outline:none}.pufl-field textarea{min-height:130px;resize:vertical}.pufl-field input:focus,.pufl-field select:focus,.pufl-field textarea:focus{border-color:#28ef9a;box-shadow:0 0 0 3px rgba(40,239,154,.09)}.pufl-check{display:flex!important;gap:10px;align-items:flex-start}.pufl-check input{width:auto;margin-top:4px}
.pufl-btn{display:inline-flex;align-items:center;justify-content:center;background:#28ef9a;color:#04100a;border:0;border-radius:999px;padding:13px 20px;font-weight:900;cursor:pointer;text-decoration:none}.pufl-btn[disabled]{opacity:.55;cursor:not-allowed}.pufl-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}.pufl-status{margin-top:12px;font-size:.9rem}.pufl-status.ok{color:#74ffbe}.pufl-status.error{color:#ff8e8e}
.pufl-router{display:flex;align-items:center;justify-content:space-between;gap:24px}.pufl-router-actions{display:flex;gap:10px;flex-wrap:wrap}
.pufl-circle{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.pufl-circle-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.pufl-circle-tabs button{background:#0b1111;color:#c7d0cd;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 13px;cursor:pointer}.pufl-circle-tabs button.active{background:#28ef9a;color:#04100a}.pufl-circle-text{padding:18px;border-radius:18px;background:rgba(40,239,154,.06);border:1px solid rgba(40,239,154,.18)}
.pufl-circle-orbit{width:340px;height:340px;border-radius:50%;border:1px solid rgba(40,239,154,.3);position:relative;display:grid;place-items:center;margin:auto;box-shadow:inset 0 0 60px rgba(40,239,154,.05);animation:puflSpin 18s linear infinite}.pufl-circle-orbit:before,.pufl-circle-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);inset:42px}.pufl-circle-orbit:after{inset:92px}.pufl-circle-core{width:125px;height:125px;border-radius:50%;background:#28ef9a;color:#04100a;display:grid;place-items:center;text-align:center;font-weight:1000;box-shadow:0 0 50px rgba(40,239,154,.35);animation:puflCounter 18s linear infinite}.pufl-node{position:absolute;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0b1111;color:#fff;animation:puflCounter 18s linear infinite}.pufl-node.a{top:-10px;left:43%}.pufl-node.b{right:-25px;top:47%}.pufl-node.c{bottom:-10px;left:42%}.pufl-node.d{left:-38px;top:47%}@keyframes puflSpin{to{transform:rotate(360deg)}}@keyframes puflCounter{to{transform:rotate(-360deg)}}
.pufl-cinema{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.pufl-video-shell{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(40,239,154,.12),#050707);border:1px solid rgba(255,255,255,.09)}.pufl-video-shell video{width:100%;height:100%;object-fit:cover}.pufl-video-placeholder{height:100%;display:grid;place-items:center;text-align:center;color:#95a39e}.pufl-play{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#28ef9a;color:#04100a;font-size:1.5rem;box-shadow:0 0 45px rgba(40,239,154,.25)}
@media(max-width:760px){.pufl-form,.pufl-circle,.pufl-cinema{grid-template-columns:1fr}.pufl-router{display:grid}.pufl-circle-orbit{width:270px;height:270px}}
@media(prefers-reduced-motion:reduce){.pufl-circle-orbit,.pufl-circle-core,.pufl-node{animation:none!important}}