.app-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;position:relative;overflow-x:hidden}.content-wrapper{padding:24px;margin-top:64px;min-height:calc(100vh - 64px);position:relative;z-index:1}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 40% 20%,rgba(255,255,255,.15) 1px,transparent 1px),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08) 3px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.12) 1.5px,transparent 1.5px);background-size:300px 300px,200px 200px,400px 400px,250px 250px;animation:floatingParticles 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatingParticles{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px,-10px) rotate(90deg)}50%{transform:translate(10px,-5px) rotate(180deg)}75%{transform:translate(-5px,10px) rotate(270deg)}}.page-title{margin-bottom:24px;color:#262626}.card-container{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000026;margin-bottom:32px;transition:all .3s ease}.card-container:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 48px #0003}.grid-container{display:grid;gap:32px;padding:16px 0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.content-card{background:linear-gradient(145deg,#ffffff26,#ffffff14,#ffffff0d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:40px;box-shadow:0 12px 40px #00000026,inset 0 1px #fff3,0 0 0 1px #667eea1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.03) 0%,transparent 70%);animation:cardGlow 8s ease-in-out infinite;pointer-events:none}@keyframes cardGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-30%,-30%) scale(1.2);opacity:1}}.content-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px #0003,inset 0 1px #ffffff4d,0 0 0 1px #667eea33;border-color:#ffffff40}.form-section{margin-bottom:32px}.form-section .ant-typography{margin-bottom:16px}.stat-card{text-align:center;padding:24px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-value{font-size:24px;font-weight:700;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9}.faucet-banner{background:linear-gradient(135deg,#0f172af2,#1e293beb 40%,#0f766ee6);border-radius:28px;padding:40px;margin-bottom:40px;box-shadow:0 16px 50px #0f766e66,inset 0 1px #ffffff40,0 0 0 1px #0f766e4d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.faucet-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:bannerAura 10s ease-in-out infinite;pointer-events:none}@keyframes bannerAura{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.6}50%{transform:translate(-40%,-40%) rotate(180deg) scale(1.3);opacity:1}}.faucet-banner:hover{transform:translateY(-8px);box-shadow:0 24px 60px #0f766e80,inset 0 1px #ffffff59,0 0 0 1px #0f766e66,0 0 80px #10b98140}.faucet-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:bannerShimmer 3s infinite}@keyframes bannerShimmer{0%{left:-100%}to{left:100%}}.faucet-banner.claimable{animation:bannerPulse 2s ease-in-out infinite alternate}@keyframes bannerPulse{0%{box-shadow:0 4px 12px #667eea40;transform:scale(1)}to{box-shadow:0 8px 24px #ff4d4f66;transform:scale(1.02)}}.faucet-banner-content{position:relative;z-index:2}.faucet-banner .ant-typography h4{color:#fff!important;margin-bottom:4px!important}.faucet-banner .ant-typography{color:#ffffffd9;margin-bottom:0}.faucet-banner .ant-btn{border-radius:8px;font-weight:500;transition:all .3s ease}.faucet-banner .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.faucet-scrolling-text{animation:marquee 15s linear infinite;white-space:nowrap;color:#ffffffe6;font-weight:500}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 #ff4d4fb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ff4d4f00}to{transform:scale(1);box-shadow:0 0 #ff4d4f00}}.faucet-banner .ant-badge .ant-badge-dot{animation:pulseBadge 2s infinite}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;--primary-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f766e 100%);--secondary-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--aurora-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #0f766e 50%, #10b981 75%, #f59e0b 100%);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 12px 40px 0 rgba(31, 38, 135, .25);--glass-hover: rgba(255, 255, 255, .18);--hover-transform: translateY(-8px);--hover-shadow: 0 32px 64px rgba(0, 0, 0, .15);--spring-easing: cubic-bezier(.4, 0, .2, 1);--bounce-easing: cubic-bezier(.68, -.55, .265, 1.55);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#0f172af2,#1e293be6,#0f766ecc 60%,#10b981b3),radial-gradient(circle at 20% 50%,rgba(15,118,110,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(249,115,22,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.2) 0%,transparent 50%),linear-gradient(180deg,#020617,#0f172a,#1e293b);background-attachment:fixed;background-size:100% 100%,400px 400px,300px 300px,500px 500px,100% 100%;position:relative;animation:backgroundShift 30s ease-in-out infinite}@keyframes backgroundShift{0%,to{background-position:0% 0%,0% 0%,100% 100%,0% 100%,0% 0%}25%{background-position:0% 0%,25% 25%,75% 25%,25% 75%,0% 0%}50%{background-position:0% 0%,50% 50%,50% 50%,50% 50%,0% 0%}75%{background-position:0% 0%,75% 75%,25% 75%,75% 25%,0% 0%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(255,255,255,.06) 3px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(15,118,110,.15) 2px,transparent 2px),radial-gradient(circle at 10% 70%,rgba(16,185,129,.12) 1.5px,transparent 1.5px);background-size:250px 250px,180px 180px,320px 320px,200px 200px,280px 280px;animation:floatingParticles 25s linear infinite;z-index:-1;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.015) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(15,118,110,.025) 50%,transparent 70%);background-size:200px 200px,300px 300px;animation:meshOverlay 20s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes meshOverlay{0%,to{transform:translate(0) rotate(0);opacity:1}25%{transform:translate(-20px,-20px) rotate(90deg);opacity:.8}50%{transform:translate(20px,-10px) rotate(180deg);opacity:.6}75%{transform:translate(-10px,20px) rotate(270deg);opacity:.8}}#root{min-height:100vh;background:transparent}.ant-layout,.ant-layout-content{background:transparent!important}.ant-layout-header{background:#001529cc!important}*{box-sizing:border-box}*[style*="background: white"],*[style*="background-color: white"],*[style*="background:#fff"],*[style*="background-color:#fff"]{background:#ffffff1a!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.min-h-screen{min-height:100vh}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.card-hover{transition:all .3s ease;cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.lottery-card{border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#fff3,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff40,0 0 0 .5px #667eea14;position:relative}.lottery-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(102,126,234,.1),transparent);transform:rotate(45deg);transition:all .6s;opacity:0}.lottery-card:hover:before{animation:cardShimmer 1.5s ease-in-out}@keyframes cardShimmer{0%{opacity:0;transform:translate(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translate(100%) rotate(45deg)}}.lottery-card:hover{transform:translateY(-16px) scale(1.03);box-shadow:0 32px 80px #0f766e4d,inset 0 1px #fff6,0 0 0 1px #0f766e40,0 0 60px #10b98133;border-color:#0f766e66}.lottery-card.active{border-color:#52c41a99;box-shadow:0 8px 32px #52c41a33}.lottery-card.active:hover{border-color:#52c41acc;box-shadow:0 20px 60px #52c41a4d}.lottery-card .ant-card-cover img{transition:transform .3s ease}.lottery-card:hover .ant-card-cover img{transform:scale(1.05)}.lottery-card .ant-card-meta-title{font-size:16px!important;font-weight:600!important;color:#262626!important}.lottery-card .ant-progress-inner{border-radius:10px!important}.lottery-card .ant-tag{border-radius:4px;font-size:12px;font-weight:500}.lottery-status-active{background:var(--success-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;box-shadow:0 4px 15px #4facfe4d;animation:statusPulse 2s ease-in-out infinite}.lottery-status-ended{background:var(--danger-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;box-shadow:0 4px 15px #fa709a4d}.lottery-status-hot{background:var(--warning-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;animation:hotPulse 1.5s ease-in-out infinite;box-shadow:0 4px 20px #43e97b66;position:relative;overflow:hidden}.lottery-status-hot:after{content:"🔥";position:absolute;right:-20px;top:-10px;font-size:20px;animation:hotFlame 2s ease-in-out infinite}.lottery-status-new{background:var(--secondary-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;box-shadow:0 4px 15px #f093fb4d;animation:newSparkle 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 4px 15px #4facfe4d}50%{box-shadow:0 4px 25px #4facfe99}}@keyframes hotPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #43e97b66}50%{transform:scale(1.05);box-shadow:0 8px 30px #43e97bb3}}@keyframes hotFlame{0%,to{transform:rotate(-10deg) scale(1)}50%{transform:rotate(10deg) scale(1.2)}}@keyframes newSparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.faucet-banner{background:linear-gradient(90deg,#1890ff,#36cfc9);border-radius:8px;padding:16px 24px;color:#fff;margin-bottom:24px}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow{box-shadow:0 0 20px #667eea80;transition:box-shadow .3s ease}.glow:hover{box-shadow:0 0 30px #667eeacc}.glass-card{background:linear-gradient(145deg,#ffffff40,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:1px;background:linear-gradient(145deg,#fff3,#ffffff0d,#667eea1a);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (max-width: 768px){.ant-layout-header,.ant-layout-content{padding:0 16px!important}.lottery-card{margin-bottom:16px}.primary-button{font-size:12px;padding:8px 16px}}@media (max-width: 480px){body{font-size:14px}.lottery-card{border-radius:16px}.lottery-card:hover{transform:translateY(-4px) scale(1.01)}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}.status-success{color:#52c41a}.status-error{color:#ff4d4f}.status-warning{color:#faad14}.primary-button{background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:14px;box-shadow:0 4px 15px #667eea4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.primary-button:hover:before{left:100%}.primary-button:hover{transform:var(--hover-transform);box-shadow:var(--hover-shadow);color:#fff}.glass-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:600;box-shadow:var(--glass-shadow);transition:all .3s ease}.glass-button:hover{background:#ffffff59;transform:translateY(-2px);color:#fff}