*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #080912;--bg-secondary: #111326;--surface: rgba(255, 255, 255, .075);--surface-strong: rgba(255, 255, 255, .12);--surface-soft: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .12);--border-bright: rgba(255, 255, 255, .22);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .5);--accent-gold: #ffd45a;--accent-orange: #ff9f2d;--accent-pink: #ff4db8;--accent-purple: #8a5cff;--accent-blue: #44c7ff;--accent-green: #4dff99;--accent-red: #ff5d6c;--shadow: 0 24px 70px rgba(0, 0, 0, .45)}html{min-height:100%;background:var(--bg-primary)}body{min-height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(138,92,255,.26),transparent 34%),radial-gradient(circle at 85% 12%,rgba(255,77,184,.2),transparent 30%),linear-gradient(180deg,#11152a,#080912 56%,#05060c)}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app-shell{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;padding:14px 12px 96px;overflow-x:hidden}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)}.phone-screen{position:relative;width:100%;max-width:430px;z-index:1}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.eyebrow{color:var(--accent-gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;margin-bottom:4px}.app-header h1{font-size:28px;line-height:1.05;letter-spacing:-.04em}.profile-avatar{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;color:#15100a;font-size:21px;font-weight:900;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 38%),linear-gradient(135deg,#ffe784,#ff9f2d 46%,#ff4db8);box-shadow:0 12px 28px #ff9f2d40}.wallet-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.wallet-pill{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:#ffffff12;color:var(--text-secondary);font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffff14}.wallet-pill-stars{color:#241800;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));border-color:#ffd45a73}.wallet-icon{line-height:1}.promo-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:15px 16px;margin-bottom:12px;overflow:hidden;border:1px solid rgba(255,212,90,.28);border-radius:22px;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.34),transparent 16%),linear-gradient(135deg,#ffd45af2,#ff9f2de6 48%,#ff4db8d9);box-shadow:0 16px 40px #ff9f2d2e}.promo-banner:after{content:"";position:absolute;width:130px;height:130px;right:-56px;top:-58px;border-radius:999px;background:#ffffff2e}.promo-banner span{display:block;color:#1d1300;font-size:23px;font-weight:950;letter-spacing:-.04em}.promo-banner p{color:#1d1300bd;font-size:13px;font-weight:700}.promo-banner button{position:relative;z-index:1;padding:10px 14px;color:#fff;font-size:13px;font-weight:900;border:0;border-radius:14px;background:#0c0c16e0;cursor:pointer}.content-area{min-height:300px}.giveaway-card{position:relative;overflow:hidden;padding:16px;margin-bottom:12px;text-align:center;border:1px solid var(--border-bright);border-radius:32px;background:linear-gradient(180deg,#ffffff24,#ffffff0e),radial-gradient(circle at 50% 20%,rgba(138,92,255,.38),transparent 42%),#101222b8;box-shadow:var(--shadow),inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.giveaway-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(255,212,90,.18),transparent 26%),radial-gradient(circle at 80% 5%,rgba(68,199,255,.2),transparent 24%)}.giveaway-topline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.active-badge,.stars-badge,.winners-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border-radius:999px;font-size:12px;font-weight:850}.active-badge{padding:8px 11px;color:#07170d;background:linear-gradient(135deg,var(--accent-green),#a4ffca)}.stars-badge{padding:8px 11px;color:#fff4ca;border:1px solid rgba(255,212,90,.28);background:#ffd45a1f}.gift-stage{position:relative;width:172px;height:132px;display:grid;place-items:center;margin:2px auto 0}.gift-orbit{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.16);transform:rotate(-12deg)}.gift-orbit-one{width:148px;height:90px}.gift-orbit-two{width:120px;height:120px;border-color:#ffd45a33;transform:rotate(23deg)}.gift-icon{position:relative;z-index:1;width:94px;height:94px;display:grid;place-items:center;font-size:54px;border-radius:32px;background:linear-gradient(135deg,#ffffffb8,#ffffff1a),linear-gradient(135deg,#ffd45a47,#8a5cff47);box-shadow:0 18px 42px #ff4db82e,inset 0 1px #ffffff42}.winners-badge{position:relative;z-index:1;padding:8px 14px;margin-bottom:12px;color:#f4edff;border:1px solid rgba(138,92,255,.34);background:#8a5cff33}.giveaway-title{position:relative;z-index:1;max-width:340px;margin:0 auto 8px;font-size:24px;font-weight:950;line-height:1.05;letter-spacing:-.05em}.giveaway-description{position:relative;z-index:1;display:-webkit-box;max-width:340px;margin:0 auto 14px;overflow:hidden;color:var(--text-secondary);font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.giveaway-meta{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:22px;background:#0000002e}.meta-item{display:grid;gap:2px}.meta-value{color:var(--accent-gold);font-size:20px;font-weight:950}.meta-label{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.meta-divider{width:1px;height:34px;background:var(--border)}.timer{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.timer-block{min-width:0;padding:10px 6px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0000003d;box-shadow:inset 0 1px #ffffff14}.timer-value{color:#fff;font-size:21px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.timer-label{margin-top:5px;color:var(--text-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.btn{position:relative;z-index:1;width:100%;min-height:56px;padding:16px 20px;color:#211401;font-size:16px;font-weight:950;letter-spacing:-.01em;border:0;border-radius:20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-participate{background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));box-shadow:0 14px 34px #ff9f2d57}.btn-participate:hover{transform:translateY(-1px);box-shadow:0 18px 38px #ff9f2d6b}.btn-participate:active{transform:translateY(0)}.btn-participating{color:#06180d;background:linear-gradient(135deg,var(--accent-green),#a4ffca);box-shadow:0 14px 34px #4dff992e;cursor:default}.btn:disabled{opacity:.88;cursor:not-allowed;transform:none!important}.status-message{position:relative;z-index:1;display:block;margin-top:12px;padding:12px 14px;border-radius:16px;font-size:13px;font-weight:750}.status-success{color:#baffd4;border:1px solid rgba(77,255,153,.24);background:#4dff991a}.status-error{color:#ffd3d8;border:1px solid rgba(255,93,108,.28);background:#ff5d6c1f}.share-card{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:12px;border:1px solid var(--border);border-radius:24px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.share-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:#fff;font-size:22px;font-weight:900;border-radius:15px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue))}.share-card h2{font-size:15px;line-height:1.2}.share-card p{margin-top:3px;color:var(--text-secondary);font-size:12px;line-height:1.35}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{min-height:128px;padding:14px;text-align:left;border:1px solid var(--border);border-radius:24px;background:var(--surface-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-card-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:12px;border-radius:13px;background:#ffffff1a}.mini-card h3{font-size:14px;line-height:1.2;margin-bottom:6px}.mini-card p{color:var(--text-secondary);font-size:12px;line-height:1.35}.live-card p+p{margin-top:4px;color:var(--text-muted)}.bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:5;width:min(calc(100% - 24px),430px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:#090a13d1;box-shadow:0 20px 60px #00000075;transform:translate(-50%);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav-item{display:grid;place-items:center;gap:3px;min-width:0;padding:9px 4px;color:var(--text-muted);border:0;border-radius:18px;background:transparent;cursor:pointer}.nav-item span{font-size:18px;line-height:1}.nav-item small{max-width:100%;overflow:hidden;font-size:10px;font-weight:750;line-height:1;text-overflow:ellipsis;white-space:nowrap}.nav-item.active{color:#211401;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange))}.loading,.no-giveaway,.error-card{min-height:292px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;margin-bottom:12px;text-align:center;border:1px solid var(--border);border-radius:32px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-giveaway h2,.error-card h2{margin-bottom:10px;font-size:22px;letter-spacing:-.03em}.no-giveaway p,.error-card p{max-width:280px;color:var(--text-secondary);font-size:14px;line-height:1.45}.error-card{border-color:#ff5d6c4d;background:#ff5d6c1a}.error-card h2{color:#ffd3d8}@media (max-width: 360px){.app-shell{padding-inline:10px}.app-header h1{font-size:24px}.promo-banner span{font-size:20px}.giveaway-card{padding:14px;border-radius:28px}.giveaway-title{font-size:21px}.timer{gap:6px}.timer-value{font-size:18px}.nav-item small{font-size:9px}}
