*{box-sizing:border-box}:root{--ink:#25143f;--purple:#5b2ba8;--violet:#8050ce;--gold:#e8bd63;--muted:#81778f;--line:#e9e2f2}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}.demo-strip{text-align:center;background:#24113e;color:#eadbff;padding:9px 12px;font-size:10px;letter-spacing:1.4px;font-weight:700}.topbar{height:76px;padding:0 max(6vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eaf6;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:20}.brand{font-size:24px;letter-spacing:-1px;font-weight:700;text-decoration:none;color:var(--ink)}.brand-icon{display:inline-grid;place-items:center;background:linear-gradient(135deg,#8c5be6,#4c1d91);color:#f7d98a;width:29px;height:29px;border-radius:9px;font-size:16px;margin-right:4px}.brand>span:last-child{color:var(--violet)}.nav{display:flex;gap:23px}.nav a{font-size:12px;color:#6d627c;text-decoration:none}.nav a:hover{color:var(--purple)}.top-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:30px;padding:13px 20px;font:700 12px "DM Sans",sans-serif;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(120deg,#713bc9,#4c1e96);color:white;box-shadow:0 10px 24px #5c2ba72a}.primary span{font-size:16px}.ghost{background:white;border:1px solid #e2d8f1;color:#7144b8}.small{padding:10px 14px;font-size:11px}.hamburger{display:none;border:0;background:none;color:var(--purple);font-size:22px}.hero{padding:65px max(8vw,24px) 55px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;background:radial-gradient(ellipse at 80% 40%,#f2eaff 0,transparent 43%),linear-gradient(#fff,#fdfbff)}.eyebrow,label{font-size:10px;letter-spacing:2px;color:#8a5bd0;font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px}.hero h1{font:700 clamp(48px,6vw,76px)/1.04 "Playfair Display",serif;letter-spacing:-2.7px;margin:20px 0}.hero h1 em,h2 em{color:#8050ce}.hero-copy>p{font-size:15px;line-height:1.85;color:#797087;max-width:480px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.outline{border:1px solid #e2d8f1;color:#7144b8;background:white}.micro{font-size:11px;color:#8d839b}.micro span{color:#38a67c}.hero-visual{height:350px;position:relative;display:grid;place-items:center;overflow:hidden}.blur{position:absolute;width:245px;height:245px;background:#e8d9ff;border-radius:50%;filter:blur(48px);opacity:.8}.orbit{position:absolute;border:1px solid #d7c4f3;border-radius:50%;transform:rotate(-25deg)}.o1{width:350px;height:215px}.o2{width:285px;height:325px;transform:rotate(38deg)}.orb{position:absolute;z-index:3;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eee5ff);border:1px solid white;box-shadow:0 12px 25px #4e23841c;color:#5c2ba5;font:700 22px "Playfair Display",serif}.orb1{top:45px;left:16%}.orb2{top:90px;right:10%;background:linear-gradient(145deg,#fff8df,#e8bd63);color:#815509}.orb3{bottom:45px;left:20%;background:linear-gradient(145deg,#fff8df,#e8bd63);color:#815509}.orb4{bottom:35px;right:17%}.emblem{width:170px;height:170px;border-radius:50%;z-index:2;background:linear-gradient(145deg,#6c3bc4,#35116f);box-shadow:0 25px 55px #4b218c45,inset 0 0 0 8px #ffffff12;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;text-align:center}.emblem b{color:#f3cd76;font-size:22px}.emblem strong{font-size:22px;line-height:1.05;letter-spacing:2px;margin:7px}.emblem small{font-size:8px;letter-spacing:1.8px;color:#d8c2ff}.spark{position:absolute;top:30px;right:27%;color:#d4a54b;font-size:26px}.quick-stats{display:flex;justify-content:center;gap:9vw;background:#29134b;padding:22px;color:white}.quick-stats div{display:flex;align-items:center;gap:12px}.quick-stats b{font-size:22px;color:#f1ca72}.quick-stats span{font-size:11px;color:#d7c9e8}.section{padding:75px max(8vw,24px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:25px}.section-head h2,.cta h2{font:600 clamp(32px,4vw,44px) "Playfair Display",serif;letter-spacing:-1px;margin:9px 0 0}.badge{font-size:9px;font-weight:700;letter-spacing:1px;color:#865dc4;background:#f2eaff;border-radius:30px;padding:8px 11px;white-space:nowrap}.warning{background:#fff3d7;color:#966b15}.section-intro{font-size:13px;color:var(--muted);margin:-8px 0 25px}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.profile-card,.metric-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:white;box-shadow:0 14px 38px #34105d07}.profile-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.avatar{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#8754d8,#4e2099);color:#fff;font-weight:700}.profile-card h3{margin:0;font:600 18px "Playfair Display",serif}.profile-card p{margin:5px 0 0;font-size:10px;color:#91869e}.status{font-size:9px;color:#3d9b79;background:#eaf8f1;padding:6px 8px;border-radius:20px}.profile-bottom{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-top:1px solid #eee8f5;border-bottom:1px solid #eee8f5}.profile-bottom div{display:flex;flex-direction:column;gap:5px}.profile-bottom small{font-size:9px;color:#92879f}.profile-bottom strong{font-size:14px}.profile-bottom strong small{font-size:9px}.full{width:100%}.metric-card{display:flex;flex-direction:column;gap:9px;justify-content:center}.metric-icon{font-size:22px}.gold-icon{color:#c6962c}.metric-card>small{font-size:9px;letter-spacing:1px;color:#9386a2;font-weight:700}.metric-card strong{font:600 32px "Playfair Display",serif}.muted{font-size:10px;color:#9a90a7}.ticket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ticket-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;padding:23px;background:white;box-shadow:0 16px 40px #34105d08}.ticket-card.featured{background:linear-gradient(145deg,#5d2ba8,#35136d);color:white;border-color:#5d2ba8}.ticket-top{display:flex;align-items:center;justify-content:space-between}.symbol{display:grid;place-items:center;width:37px;height:37px;background:#f3eaff;color:#7c48c6;border-radius:12px;font-size:21px}.symbol.gold{background:#fff4d9;color:#b28322}.badge.translucent{background:#ffffff20;color:#eadbff}.ticket-card>small{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;color:#9b88b6;margin-top:22px}.featured>small{color:#d5b8ff}.ticket-card h3{font:600 25px "Playfair Display",serif;margin:7px 0}.ticket-card>p{font-size:12px;color:#8a8099}.featured>p{color:#d6c7ed}.ticket-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee8f5;margin:22px 0 18px;padding-top:14px;font-size:10px;color:#8b8298}.featured .ticket-meta{border-color:#ffffff26;color:#d7c8ee}.ticket-meta b{font-size:12px;color:#6b3bb4}.featured .ticket-meta b{color:#f4d17b}.white-btn{background:white;color:#5b2ba8;width:100%;position:relative;z-index:2}.dark-btn{background:#2b1747;color:white}.choose{width:100%;position:relative;z-index:2}.watermark{position:absolute;right:-15px;bottom:65px;font-size:110px;color:#ffffff0b}.picker-section{background:#fcfaff}.picker-box{background:white;border:1px solid #eae2f4;border-radius:20px;padding:25px;max-width:850px;margin:auto;box-shadow:0 18px 50px #33125d08}.picker-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.picker-head h3{font:600 24px "Playfair Display",serif;margin:0}.picker-head p{font-size:12px;color:var(--muted);margin:5px 0}.link{border:0;background:none;color:#7a4bc7;font:700 11px "DM Sans",sans-serif;cursor:pointer}.num-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:23px 0 16px}.num{aspect-ratio:1;border:1px solid #e9e1f4;border-radius:50%;background:white;color:#67547f;font:600 12px "DM Sans",sans-serif;cursor:pointer}.num:hover{border-color:#9b74df}.num.selected{background:#6a35c1;color:white;border-color:#6a35c1}.picker-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b8299}.output{margin-top:15px;border-radius:12px;background:#faf7ff;color:#7b6b91;padding:14px;font-size:12px;line-height:1.7;min-height:45px}.pale{background:#fcfaff}.results-list,.history-list{display:grid;gap:12px}.result-row,.history-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid #eee6f8;border-radius:16px;padding:20px}.result-row b{font-size:13px}.result-row small{display:block;color:#91869f;font-size:10px;margin-top:5px}.balls{display:flex;gap:7px;flex-wrap:wrap}.balls span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f1e9ff;color:#6c39bb;font-size:11px;font-weight:700}.empty{text-align:center;color:#92869f;font-size:12px;padding:20px;border:1px dashed #d8c9ee;border-radius:14px;background:#fff}.history-entry{font-size:12px}.history-entry strong{display:block;color:#5c2ba5;margin-bottom:5px}.history-entry small{color:#8d829c}.footnote{font-size:10px;line-height:1.6;color:#9389a0;margin-top:12px}.admin-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e9e1f2;border-radius:16px;padding:22px}.admin-panel h3{font:600 20px "Playfair Display",serif;margin:0 0 6px}.admin-panel p{font-size:12px;color:#8b8299;margin:0}.cta{text-align:center;padding:70px 20px 80px;background:radial-gradient(ellipse at center,#f1e8ff,transparent 65%)}.cta-star{font-size:27px;color:#d2a64b}.cta h2{font-size:43px;margin:12px}.cta h2 em{font-weight:600}.cta p{font-size:12px;color:#8a8099;margin:15px 0 25px}footer{padding:24px max(6vw,22px);border-top:1px solid #eee8f5;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}footer .brand{font-size:20px}footer>span{font-size:10px;color:#9990a5}.modal-backdrop{display:none;position:fixed;inset:0;background:#1b0b36a8;z-index:50;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(100%,420px);background:white;border-radius:22px;padding:30px;position:relative;box-shadow:0 25px 90px #0003}.close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:25px;color:#887b99;cursor:pointer}.modal-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f2eaff;color:#7b4bc5;font-size:22px}.modal h2{font:600 27px "Playfair Display",serif;margin:17px 0 7px}.modal>p{font-size:12px;color:#8b8299}.modal form{display:flex;flex-direction:column;gap:9px;margin:20px 0}.modal form label{font-size:10px;letter-spacing:.5px;color:#67547f}.modal input{border:1px solid #e5dcef;border-radius:10px;padding:12px;font:12px "DM Sans",sans-serif;margin-bottom:7px;outline-color:#8b5be0}.modal>small{font-size:10px;color:#a096ac}
@media(max-width:1000px){.nav{gap:12px}.nav a{font-size:10px}.dash-grid{grid-template-columns:1fr 1fr}.profile-card{grid-column:span 2}.metric-card{min-height:150px}}
@media(max-width:700px){.topbar{height:68px}.nav{display:none;position:absolute;top:68px;right:12px;background:white;padding:18px;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 25px #0001;flex-direction:column;gap:16px}.nav.open{display:flex}.nav a{font-size:12px}.hamburger{display:block}.top-actions{gap:6px}.small{padding:9px 10px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:45px;gap:10px}.hero h1{font-size:56px}.hero-visual{height:290px}.emblem{width:145px;height:145px}.orb{width:47px;height:47px;font-size:18px}.o1{width:290px;height:180px}.o2{height:270px}.quick-stats{gap:15px;justify-content:space-around}.quick-stats div{flex-direction:column;gap:4px;text-align:center}.quick-stats b{font-size:18px}.quick-stats span{font-size:9px}.section{padding:55px 20px}.section-head{align-items:start}.section-head h2{font-size:34px}.dash-grid{grid-template-columns:1fr 1fr}.profile-card{grid-column:span 2}.metric-card{padding:17px}.ticket-grid{grid-template-columns:1fr}.picker-box{padding:17px}.num-grid{gap:6px}.num{font-size:10px}.picker-head{align-items:start}.picker-foot{gap:10px}.result-row,.history-entry{align-items:flex-start;flex-direction:column}.balls{gap:5px}.balls span{width:32px;height:32px}.admin-panel{align-items:flex-start;flex-direction:column}.cta h2{font-size:36px}footer{justify-content:center;text-align:center;flex-direction:column}}