:root{--ink:#111216;--muted:#777b85;--line:#e9e9ed;--soft:#f6f6f8;--accent:#ff2851;--purple:#7b2cff}*{box-sizing:border-box}html{background:#111}body{margin:0;background:#111;font-family:Inter,Arial,sans-serif;color:var(--ink)}button,input{font:inherit}.social-app{width:100%;max-width:440px;min-height:100vh;margin:auto;background:#fff;overflow:hidden}.app-bar{height:68px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2f2f3;position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:20}.creator{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ffca3a,#ff275b 50%,#7b2cff);position:relative}.avatar span{display:grid;place-items:center;width:100%;height:100%;border:2px solid white;border-radius:50%;background:#181724;color:white;font-weight:900}.avatar i{position:absolute;width:11px;height:11px;border-radius:50%;background:#2dd673;border:2px solid white;right:0;bottom:1px}.creator strong,.creator small{display:block}.creator strong{font-size:13px}.creator strong:after{content:'✓';display:inline-grid;place-items:center;background:#3185f9;color:#fff;width:13px;height:13px;border-radius:50%;font-size:8px;margin-left:4px}.creator small{font-size:10px;color:var(--muted);margin-top:3px}.app-bar button,.post-actions button{border:0;background:none;font-weight:800}.drop-visual{height:485px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 33%,#a349ff 0,#6821c7 42%,#311067 75%,#19072e 100%);color:white}.drop-visual:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff70 1px,transparent 1px);background-size:24px 24px;opacity:.18}.glow{position:absolute;border-radius:50%;filter:blur(20px)}.glow.one{width:220px;height:220px;background:#ff3da3;left:-100px;top:60px;opacity:.3}.glow.two{width:180px;height:180px;background:#24c9ff;right:-90px;bottom:70px;opacity:.3}.limited{position:absolute;z-index:3;top:22px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;font-weight:800;background:#ffffff18;border:1px solid #ffffff35;padding:7px 13px;border-radius:99px}.floating-tag{position:absolute;z-index:3;background:#fff;color:#3d175f;padding:8px 11px;border-radius:9px;font-size:8px;font-weight:900;box-shadow:0 8px 25px #16052c66;transform:rotate(-7deg)}.tag-one{left:18px;top:105px}.tag-two{right:18px;top:155px;transform:rotate(8deg);background:#ffda45}.gift-box{position:absolute;z-index:2;width:200px;height:195px;left:50%;top:72px;transform:translateX(-50%);filter:drop-shadow(0 30px 25px #19042f88)}.box{position:absolute;width:150px;height:130px;left:25px;top:62px;border-radius:7px 7px 22px 22px;background:linear-gradient(135deg,#ff4673,#ff1750);border:1px solid #ff9eb6;display:flex;flex-direction:column;align-items:center;justify-content:center}.box:before{content:'';position:absolute;width:25px;height:100%;background:#ffd84e;left:62px}.box strong,.box small{position:relative;z-index:2;background:#421369;color:#fff;padding:5px 10px;transform:rotate(-5deg);font-size:20px}.box small{font-size:7px;margin-top:4px;background:white;color:#421369}.lid{position:absolute;z-index:2;width:180px;height:38px;left:10px;top:45px;background:linear-gradient(#ff6689,#ff2857);border-radius:8px;box-shadow:0 7px 0 #cc123d}.lid:before{content:'✦';position:absolute;left:77px;top:-35px;color:#ffe34f;font-size:50px}.spark{position:absolute;color:#ffe858;z-index:5}.s1{left:6px;top:35px}.s2{right:5px;top:20px;font-size:25px}.s3{right:20px;bottom:10px}.visual-copy{position:absolute;z-index:3;bottom:32px;text-align:center;width:100%;padding:0 25px}.visual-copy small{font-size:9px;letter-spacing:2px;color:#e4caff;font-weight:700}.visual-copy h1{font-size:28px;line-height:1.07;letter-spacing:-1.2px;margin:8px auto;text-transform:uppercase;font-weight:900;max-width:390px}.visual-copy p{margin:0;font-size:12px;color:#e3d4f4}.post-actions{height:48px;padding:0 14px;display:flex;justify-content:space-between;align-items:center}.post-actions div{display:flex;gap:15px}.post-actions button{font-size:28px;padding:0;line-height:1}.post-actions button[aria-label=Share]{font-size:27px;transform:rotate(-25deg)}.social-proof{display:flex;align-items:center;padding:0 16px 10px}.faces{display:flex}.faces span{width:23px;height:23px;border-radius:50%;border:2px solid #fff;margin-right:-7px;display:grid;place-items:center;color:white;font-size:8px;font-weight:800}.faces span:nth-child(1){background:#ff426c}.faces span:nth-child(2){background:#7c48e9}.faces span:nth-child(3){background:#1d9ccf}.social-proof p{font-size:10px;margin-left:13px}.caption{padding:0 16px 16px;font-size:12px;line-height:1.55}.caption p{margin:0}.caption button{border:0;background:none;color:#92949a;padding:3px 0}.more-copy{display:none;color:#676a73;margin-top:6px!important}.more-copy.show{display:block}.divider{height:8px;background:#f5f5f7;border-top:1px solid #eee;border-bottom:1px solid #eee}.entry-section{padding:22px 16px 30px}.entry-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.entry-head>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ffedf1,#f0e9ff);display:grid;place-items:center;font-size:21px}.entry-head div{flex:1}.entry-head h2{font-size:19px;margin:0;font-weight:800}.entry-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.entry-head b{font-size:9px;color:#fff;background:linear-gradient(90deg,#ff2851,#ff6244);padding:7px 10px;border-radius:99px}.rules{background:#faf9fc;border:1px solid #edebf2;border-radius:16px;padding:4px 14px;margin-bottom:22px}.rules>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e9e7ee}.rules>div:last-child{border:0}.rules>div>span{width:27px;height:27px;border-radius:8px;background:#191720;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.rules p{margin:0;flex:1}.rules strong,.rules small{display:block}.rules strong{font-size:11px}.rules small{font-size:9px;color:var(--muted);margin-top:3px}.rules i{font-style:normal;color:#25b66f;font-size:11px}.entry-form label{display:block;margin:15px 0}.entry-form label>span:first-child{font-size:11px;font-weight:700;display:block;margin-bottom:7px}.input-wrap{height:48px;border:1px solid #dddde3;border-radius:12px;display:flex;align-items:center;overflow:hidden;background:#fbfbfc}.input-wrap:focus-within{border-color:#9c4df8;box-shadow:0 0 0 3px #8d37ef13;background:#fff}.input-wrap i{font-style:normal;width:42px;text-align:center;color:#8c8995}.input-wrap input{height:100%;flex:1;border:0;background:transparent;outline:0;padding:0 12px 0 0;font-size:12px}.entry-form label>small{font-size:8px;color:var(--muted);display:block;margin:5px 2px}.proof-upload{height:132px;border:1.5px dashed #cfcbd8;border-radius:14px;background:#faf9fc;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.proof-upload.selected{border-color:#31b877;background:#f0fbf6}.proof-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-icon{width:35px;height:35px;border-radius:10px;background:#ede7ff;color:#7134e5;display:grid;place-items:center;font-weight:800;margin-bottom:8px}.proof-upload strong{font-size:10px}.proof-upload small{font-size:8px;color:var(--muted);margin-top:4px}.consent{display:flex!important;align-items:flex-start;gap:9px!important;margin:11px 0!important}.consent input{display:none}.consent i{flex:0 0 18px;width:18px;height:18px;border:1px solid #c9c7cf;border-radius:5px}.consent input:checked+i{background:#712cdb;box-shadow:inset 0 0 0 4px white}.consent span{font-size:9px!important;line-height:1.5;color:#64616c;font-weight:500!important;margin:1px 0!important}.claim-btn{width:100%;height:54px;border:0;border-radius:14px;background:linear-gradient(100deg,#ff194c,#ff6545);color:#fff;font-size:13px;font-weight:800;box-shadow:0 12px 25px #ff28513d;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:19px}.claim-btn i{font-style:normal;font-size:18px}.trust-row{display:flex;justify-content:center;gap:7px;font-size:8px;color:#8b8992;margin-top:14px}.form-error{background:#fff0f2;border:1px solid #ffd0d8;color:#b51e3b;border-radius:12px;padding:12px;font-size:10px;margin-bottom:15px}.form-error strong,.form-error span{display:block}.form-error span{margin-top:4px}footer{text-align:center;background:#f7f7f9;padding:25px 15px 32px;border-top:1px solid #ececef}footer strong{font-size:13px}footer p{font-size:9px;color:#777;margin:5px}footer span{font-size:8px;color:#999}.success-page{display:grid;place-items:center;padding:24px 16px;background:linear-gradient(180deg,#f9f5ff,#fff)}.success-box{text-align:center;width:100%;padding:30px 18px}.confetti{color:#ff3260;letter-spacing:12px;font-size:18px}.confetti span{color:#7a2ce0}.success-tick{width:78px;height:78px;border-radius:50%;margin:25px auto 20px;background:linear-gradient(135deg,#722ddf,#ff3565);color:#fff;display:grid;place-items:center;font-size:36px;box-shadow:0 16px 35px #7a2ce03d}.success-label{font-size:9px;color:#712cdb;font-weight:800;letter-spacing:1.5px}.success-box h1{font-size:29px;letter-spacing:-1px;margin:10px 0}.success-box>p{font-size:12px;line-height:1.7;color:var(--muted)}.ticket{margin:24px 0;background:#191720;color:white;border-radius:16px;padding:20px;position:relative}.ticket:before,.ticket:after{content:'';position:absolute;width:20px;height:20px;background:#fbf8ff;border-radius:50%;top:50%;transform:translateY(-50%)}.ticket:before{left:-10px}.ticket:after{right:-10px}.ticket>*{display:block}.ticket small{font-size:8px;color:#aaa6b6;letter-spacing:1.5px}.ticket strong{font-size:30px;margin:5px}.ticket span{font-size:9px;color:#ffcb44}.next{text-align:left;background:white;border:1px solid #e9e7ee;border-radius:16px;padding:18px}.next h2{font-size:13px;margin:0 0 13px}.next>div{display:flex;gap:10px;margin:13px 0}.next b{width:27px;height:27px;display:grid;place-items:center;background:#f0e9ff;color:#7132d8;border-radius:8px;font-size:9px}.next p{margin:0}.next strong,.next small{display:block}.next strong{font-size:10px}.next small{font-size:8px;color:var(--muted);margin-top:3px}.back-link{display:block;margin-top:24px;color:#6e2ad4;font-size:11px;font-weight:700}@media(min-width:441px){.social-app{box-shadow:0 0 80px #0008}}