.pulse-entry,.pulse-demo{--night:#0a0e1b;--surface:#11182b;--muted:#a9b4cb;--line:#29354e;--accent:#a797ff;--mint:#72e4cf;margin:0;color:#f3f5ff;background:var(--night);font-family:Inter,system-ui,sans-serif;color-scheme:dark}
.pulse-entry *,.pulse-demo *{box-sizing:border-box}
.entry-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:100svh}
.entry-story{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,48px);padding:clamp(28px,7vw,108px);background:radial-gradient(ellipse at 12% 0%,#362056,transparent 56%),radial-gradient(ellipse at 100% 95%,#1a3354,transparent 65%),#101226;border-right:1px solid var(--line)}
.entry-story::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 27%,#d4b5ff90 0 1px,transparent 2px),radial-gradient(circle at 75% 70%,#89ffec90 0 1px,transparent 2px);background-size:87px 93px,129px 127px;mask-image:linear-gradient(transparent 28%,#000 75%);opacity:.42;pointer-events:none}
.pulse-entry .entry-logo{width:148px;max-width:100%;height:auto;object-fit:contain;object-position:left}
.entry-message h1{margin:0;color:#fff;font-size:clamp(2.7rem,5.3vw,5.6rem);font-weight:730;line-height:1.01;letter-spacing:-.065em}
.entry-message p,.entry-form-wrap>p{color:var(--muted);margin:15px 0 0;line-height:1.6}
.entry-message h1 span{color:#ccb6ff;background:linear-gradient(105deg,#f4b2ff 2%,#b6a3ff 53%,#88efeb);background-clip:text;-webkit-text-fill-color:transparent}
.entry-motion{position:relative;display:grid;place-items:center;align-self:center;width:min(100%,570px);height:clamp(135px,24vw,300px);isolation:isolate;pointer-events:none}
.entry-motion::before{content:"";position:absolute;inset:-38% -24% -22%;z-index:-1;background:radial-gradient(ellipse at 23% 48%,#e26a996b,transparent 32%),radial-gradient(ellipse at 43% 55%,#7435ba82,transparent 54%),radial-gradient(ellipse at 78% 57%,#449bc076,transparent 45%);filter:blur(25px);transform:rotate(-19deg);animation:entry-nebula 16s ease-in-out infinite alternate}
.entry-motion::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 11% 26%,#fff 0 1px,transparent 3px),radial-gradient(circle at 82% 19%,#c1ebff 0 1px,transparent 3px),radial-gradient(circle at 92% 69%,#ffe0ce 0 1px,transparent 3px),radial-gradient(circle at 15% 82%,#c0b4ff 0 1px,transparent 3px);animation:entry-stars 5s ease-in-out infinite alternate}
.entry-saturn{position:relative;width:min(94%,490px);height:100%;display:grid;place-items:center;transform:rotate(-18deg)}
.entry-planet{position:relative;z-index:1;width:39%;max-height:83%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 29% 21%,#ad86ee77,transparent 52%),radial-gradient(circle at 28% 29%,transparent 24%,#100a24b0 66%,#08070f 96%),repeating-linear-gradient(173deg,#352052 0%,#523574 8%,#5b3d7d 13%,#332049 21%,#42285e 25%);box-shadow:inset -7px -10px 26px #070610d1,inset 2px 2px 6px #bb96ff65,0 0 34px #7747c252}
.entry-ring{position:absolute;inset:0;margin:auto;z-index:0;width:100%;height:47%;border-radius:50%;background:radial-gradient(ellipse closest-side,transparent 47%,#422857 48% 52%,#65468a 53% 57%,#513671 58% 65%,#7756a6 66% 71%,transparent 72% 75%,#9b76cb 76% 83%,#4a346b 84% 89%,#7858aa 90% 94%,transparent 100%);animation:entry-ring-tilt 10s ease-in-out -2s infinite alternate}
.entry-ring:not(.entry-ring-front){clip-path:inset(0 0 50%)}
.entry-ring-front{z-index:2;clip-path:inset(50% 0 0)}
@keyframes entry-ring-tilt{from{transform:rotate(-11deg) scaleY(.78)}to{transform:rotate(12deg) scaleY(1.18)}}
.entry-comet{position:absolute;left:100%;top:8%;width:clamp(60px,13vw,150px);height:2px;background:linear-gradient(90deg,#fff6dc,#a7e4ff91 18%,transparent);border-radius:99px;opacity:0;animation:entry-comet 11s linear -1s infinite}
.entry-comet::before{content:"";position:absolute;left:0;top:-1px;width:4px;height:4px;border-radius:50%;background:#fff7dc;box-shadow:0 0 10px 2px #c4e7ff}
.entry-comet:nth-child(2){top:39%;animation-duration:17s;animation-delay:-8s;scale:.65}
@keyframes entry-comet{0%,54%{opacity:0;transform:translate(12vw,-45px) rotate(-23deg)}59%{opacity:.9}70%,100%{opacity:0;transform:translate(-58vw,190px) rotate(-23deg)}}
@keyframes entry-nebula{to{transform:translate(5%,3%) rotate(-12deg) scale(1.12);opacity:.72}}
@keyframes entry-stars{from{opacity:.42}to{opacity:.92}}
@media(prefers-reduced-motion:reduce){.entry-motion::before,.entry-motion::after,.entry-comet,.entry-ring{animation:none}}
.entry-panel{display:grid;place-items:center;padding:clamp(25px,6vw,86px)}.entry-form-wrap{width:min(100%,400px)}
.entry-form-wrap h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.045em;margin:0;color:#fff}
.pulse-entry .entry-form{display:grid;gap:16px;margin:30px 0 0;width:100%;max-width:none;padding:0;background:transparent;border:0;box-shadow:none}
.entry-form label{display:grid;gap:8px;font-size:.88rem;font-weight:620;color:#e8edff}
.pulse-entry .entry-form input{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#fff;font:inherit}
.pulse-entry :focus-visible,.pulse-demo :focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.pulse-entry .entry-primary,.pulse-entry .entry-outline{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:49px;padding:12px 16px;border-radius:10px;font:inherit;font-weight:720;text-decoration:none;cursor:pointer}
.pulse-entry .entry-primary{color:#12112a;border:1px solid #ad9dff;background:linear-gradient(105deg,#bcacff,#9e90f9)}
.pulse-entry .entry-outline{color:#e8e2ff;border:1px solid #635a93;background:#171932}
.entry-demo{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.entry-demo small,.entry-feedback{display:block;margin:9px 0 0;color:var(--muted);font-size:.8rem}.entry-form .error:empty{display:none}
.entry-form-wrap footer{display:flex;flex-wrap:wrap;gap:15px;margin-top:26px;font-size:.8rem}.entry-form-wrap footer a{color:var(--muted);text-underline-offset:3px}
@media(max-width:760px){.entry-layout{grid-template-columns:1fr}.entry-story{gap:20px;padding:26px;border-right:0;border-bottom:1px solid var(--line)}.entry-message h1{font-size:clamp(2.2rem,9vw,4rem)}.entry-motion{max-width:330px;height:126px}.entry-panel{padding:32px 24px 42px}}

.pulse-entry .entry-form .field{margin:0}.pulse-entry .entry-form .field label{margin:0 0 8px}.pulse-entry .entry-form .icon{width:19px;height:19px}.pulse-entry .entry-primary:disabled{opacity:.65;cursor:wait}
.entry-primary:hover,.entry-outline:hover{filter:brightness(1.12)}
.demo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,45px);border-bottom:1px solid var(--line);background:#101629}
.demo-header img{width:96px;height:auto}.demo-header span,.demo-context{color:var(--mint);font-size:.82rem}.demo-header a,.demo-report a{color:#e4daff;text-underline-offset:4px}
.demo-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100svh - 72px)}
#demo-nav{padding:20px 15px 30px;background:#101629;border-right:1px solid var(--line)}
#demo-nav h2{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 10px;margin:14px 0 7px}
#demo-nav a{display:block;padding:9px 10px;color:#ccd5ee;font-size:.86rem;text-decoration:none;border-radius:7px}
#demo-nav a:hover,#demo-nav a[aria-current]{background:#26234b;color:#f0e9ff}
#demo-content{width:100%;max-width:1300px;margin:0 auto;padding:clamp(20px,5vw,64px)}
#demo-content h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.05em;line-height:1.12;margin:7px 0 24px}
.demo-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:12px;margin-bottom:22px}
.demo-kpis article,.demo-table{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}
.demo-kpis span{display:block;color:var(--muted);font-size:.82rem}.demo-kpis strong{display:block;font-size:clamp(1.3rem,3vw,2rem);margin-top:7px;color:#ded5ff}
.demo-table-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.demo-table-head h2{font-size:1rem;margin:0}
.demo-table-head label{display:grid;gap:5px;color:var(--muted);font-size:.75rem}.demo-table-head input{padding:8px;border:1px solid var(--line);border-radius:7px;font:inherit;color:inherit;background:var(--night)}
.demo-table-scroll{overflow:auto}.demo-table table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.demo-table td,.demo-table th{border-top:1px solid var(--line);padding:12px}.demo-table th{color:var(--muted)}
.demo-report{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px}.demo-report button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--surface);color:#e4daff}
@media(max-width:760px){.demo-header{flex-wrap:wrap}.demo-layout{grid-template-columns:1fr}#demo-nav{display:flex;gap:18px;overflow:auto;max-width:100%;border-right:0;border-bottom:1px solid var(--line);padding:8px 15px 14px}#demo-nav section{flex:none}#demo-nav a{white-space:nowrap}}
@media print{#demo-nav,.demo-report,.demo-header a,.demo-table-head label{display:none}.pulse-demo,.demo-header,.demo-kpis article,.demo-table{background:white;color:black}.demo-layout{display:block}#demo-content{padding:0}.demo-context,.demo-header span,.demo-kpis span,.demo-kpis strong,.demo-table th{color:black}}
