.home-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e 50%,#16213e);padding:220px 40px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.demo-card-section{width:100%;display:flex;justify-content:center;align-items:center;margin:10px 0;padding:0 20px}.generate-demo-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.3),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden}.generate-demo-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.generate-demo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.generate-demo-button:hover:not(:disabled):before{left:100%}.generate-demo-button:disabled{opacity:.6;cursor:not-allowed}.demo-card-container{margin:15px 0}.demo-card-container,.wallet-connect-section{width:100%;display:flex;justify-content:center;align-items:center;padding:0 20px}.wallet-connect-section{margin:5px 0 10px}.home-content{width:100%;max-width:1200px}.home-content,.logo-container{display:flex;flex-direction:column;align-items:center}.cards-container,.logo-container{margin-bottom:20px}.cards-container{width:400px;height:400px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:logoFloat 3s ease-in-out infinite;transition:all .3s ease}.cards-container.dispersing{animation:none}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes disperseBack{0%{transform:rotate(-15deg) translateX(-20px) translateY(5px);opacity:1}to{transform:rotate(-45deg) translateX(-200px) translateY(-100px) scale(.8);opacity:0}}@keyframes disperseMiddle{0%{transform:rotate(8deg) translateX(5px) translateY(-5px);opacity:1}to{transform:rotate(30deg) translateX(150px) translateY(-150px) scale(.8);opacity:0}}@keyframes disperseFront{0%{transform:rotate(-5deg) translateX(10px) translateY(0);opacity:1}to{transform:rotate(-20deg) translateX(-150px) translateY(150px) scale(.8);opacity:0}}.card-back.disperse-back{animation:disperseBack 1.5s ease-out forwards}.card-middle.disperse-middle{animation:disperseMiddle 1.5s ease-out forwards}.card-front.disperse-front{animation:disperseFront 1.5s ease-out forwards}.trading-card{width:280px;height:360px;border-radius:24px;border:5px solid #fff;position:absolute;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(139,92,246,.7),0 0 40px rgba(139,92,246,.4);transition:transform .3s ease}.trading-card:hover{transform:scale(1.05)}.card-back{background:linear-gradient(135deg,#6366f1,#3b82f6);transform:rotate(-15deg) translateX(-20px) translateY(5px);z-index:1;box-shadow:0 12px 32px rgba(99,102,241,.6),0 0 40px rgba(99,102,241,.3);transition:transform .3s ease,opacity .3s ease}.card-back:not(.disperse-back){animation:none}.card-middle{background:linear-gradient(135deg,#8b5cf6,#6366f1);transform:rotate(8deg) translateX(5px) translateY(-5px);z-index:2;box-shadow:0 12px 32px rgba(139,92,246,.7),0 0 40px rgba(139,92,246,.4);transition:transform .3s ease,opacity .3s ease}.card-middle:not(.disperse-middle){animation:none}.card-front{background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);transform:rotate(-5deg) translateX(10px) translateY(0);z-index:3;box-shadow:0 12px 32px rgba(139,92,246,.8),0 0 50px rgba(139,92,246,.5);transition:transform .3s ease,opacity .3s ease}.card-front:not(.disperse-front){animation:cardPulse 2s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 12px 32px rgba(139,92,246,.8),0 0 50px rgba(139,92,246,.5)}50%{box-shadow:0 12px 32px #8b5cf6,0 0 70px rgba(139,92,246,.7)}}.logo-letter{font-size:180px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(139,92,246,.8),0 0 40px rgba(139,92,246,.6),2px 2px 8px rgba(0,0,0,.5);animation:letterGlow 2s ease-in-out infinite alternate}@keyframes letterGlow{0%{text-shadow:0 0 20px rgba(139,92,246,.8),0 0 40px rgba(139,92,246,.6),2px 2px 8px rgba(0,0,0,.5)}to{text-shadow:0 0 30px #8b5cf6,0 0 60px rgba(139,92,246,.8),2px 2px 8px rgba(0,0,0,.5)}}.bitcoin-symbol{font-size:150px}.bitcoin-symbol,.logo-text{font-weight:900;color:#fff;text-shadow:0 0 20px rgba(139,92,246,.8),0 0 40px rgba(139,92,246,.6),2px 2px 8px rgba(0,0,0,.5)}.logo-text{font-size:120px;letter-spacing:12px;margin-bottom:8px;margin-top:0;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.tagline{font-size:36px;color:#ccc;font-weight:400;letter-spacing:6px;margin:0;text-shadow:0 0 10px rgba(139,92,246,.4)}.welcome-section{width:100%;max-width:1200px;margin-top:20px;margin-bottom:5px;text-align:center}.welcome-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:16px;margin-top:0}.welcome-text{font-size:24px;color:#ccc;line-height:36px;padding:0 40px;max-width:1000px;margin:0 auto;white-space:normal;word-spacing:2px}.actions-container{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:50px;gap:20px}.action-button{background:rgba(30,41,59,.6);border-radius:12px;padding:28px 32px;border:1px solid rgba(148,163,184,.2);cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:180px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 60px rgba(139,92,246,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.action-button:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#6366f1,transparent);opacity:.6;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3;transform:translateX(-100%)}50%{opacity:.8;transform:translateX(100%)}}.action-button:hover{background:rgba(30,41,59,.8);border-color:rgba(139,92,246,.4);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 80px rgba(139,92,246,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.action-emoji{font-size:52px;margin-bottom:12px}.action-text{color:#fff;font-size:20px;font-weight:600}.stats-preview{width:100%;display:flex;justify-content:space-around;align-items:flex-start;padding:30px 15px;border-top:2px solid hsla(0,0%,100%,.15);margin-top:15px;flex-wrap:wrap;gap:20px;min-height:150px}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;flex:1;max-width:280px;padding:20px 16px;background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.2);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 60px rgba(139,92,246,.1),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .3s ease}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,#6366f1,transparent);opacity:.6;animation:shimmer 3s ease-in-out infinite}.stat-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 80px rgba(139,92,246,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.stat-number{font-size:80px;font-weight:700;color:#8b5cf6;margin-bottom:16px;line-height:1}.stat-label{font-size:42px;color:#ccc;text-align:center;padding:0 6px;white-space:normal;font-weight:600;line-height:1.3;width:100%;word-wrap:break-word;overflow-wrap:break-word}@media (max-width:768px){.logo-text{font-size:72px}.tagline{font-size:24px}.welcome-title{font-size:44px}.welcome-text{font-size:22px;line-height:36px}.action-text{font-size:18px}.action-emoji{font-size:48px}.action-button{padding:24px 28px;min-width:160px}.stat-number{font-size:72px}.stat-label{font-size:38px}.stat-item{min-width:130px;max-width:240px}.stats-preview{gap:18px;padding-top:28px;padding-bottom:28px}.cards-container{width:340px;height:340px}.trading-card{width:240px;height:320px}.logo-letter{font-size:150px}.bitcoin-symbol{font-size:130px}.logo-text{font-size:90px}.tagline{font-size:32px}.welcome-title{font-size:40px}.welcome-text{font-size:20px;line-height:30px;padding:0 30px;max-width:900px}.welcome-section{max-width:1000px;margin-top:15px;margin-bottom:15px}.wallet-connect-section{margin:15px 0}}@media (max-width:480px){.logo-text{font-size:56px}.tagline{font-size:20px}.welcome-title{font-size:36px}.welcome-text{font-size:18px;line-height:28px;padding:0 20px}.welcome-section{margin-top:10px;margin-bottom:10px}.generate-demo-button{padding:12px 24px;font-size:16px}.demo-card-container{margin:20px 0}.wallet-connect-section{margin:10px 0}.home-screen{padding-top:140px}.cards-container,.logo-container{margin-bottom:10px}.action-text{font-size:16px}.action-emoji{font-size:40px}.action-button{padding:20px 24px;min-width:140px}.actions-container{gap:16px;margin-bottom:40px}.stat-number{font-size:64px}.stat-label{font-size:34px;padding:0 4px}.stat-item{min-width:120px;max-width:200px}.stats-preview{gap:16px;padding:24px 8px 28px}.cards-container{width:240px;height:240px}.trading-card{width:180px;height:240px}.logo-letter{font-size:110px}.bitcoin-symbol{font-size:95px}.logo-text{font-size:64px}.tagline{font-size:28px}.welcome-title{font-size:48px}.welcome-text{font-size:24px;line-height:38px}}