/* ================================================ STUNNING DAYTIME SUN THEME - NO STARS ================================================ */ /* BEAUTIFUL WARM DAYTIME SKY GRADIENT */ body, html { background: linear-gradient( 180deg, #ff7e00 0%, /* Warm orange top */ #ff9933 20%, /* Light orange */ #ffb366 40%, /* Peachy orange */ #ffc999 60%, /* Soft peach */ #ffd9b3 80%, /* Light cream */ #ffe6cc 100% /* Warm cream bottom */ ) !important; background-attachment: fixed !important; min-height: 100vh !important; } /* FORCE TRANSPARENT SECTIONS */ #root, main, .bg-first, div[class*="bg-"], section { background: transparent !important; } /* ================================ REMOVE ALL STARS - DAYTIME! ================================ */ body::before, #root::before, .stars, .star, #fallingstars, .falling-star, div[class*="falling"], div[class*="star"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* ================================ GORGEOUS REALISTIC SUN ================================ */ .moon { position: fixed !important; top: 120px !important; right: 120px !important; width: 280px !important; height: 280px !important; background: radial-gradient( circle at 35% 35%, #ffffff 0%, /* Bright white center */ #fffef8 10%, /* Soft white */ #fff9e6 20%, /* Cream */ #ffe9b3 35%, /* Light gold */ #ffd966 50%, /* Golden */ #ffb833 65%, /* Orange-gold */ #ff9900 80%, /* Deep orange */ rgba(255, 140, 0, 0.7) 95%, /* Orange fade */ rgba(255, 100, 0, 0) 100% /* Transparent edge */ ) !important; box-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 60px rgba(255, 240, 200, 1), 0 0 100px rgba(255, 200, 100, 0.8), 0 0 150px rgba(255, 150, 50, 0.6), 0 0 200px rgba(255, 120, 0, 0.4) !important; border-radius: 50% !important; animation: sunBreathing 8s ease-in-out infinite !important; z-index: 5 !important; filter: brightness(1.3) !important; } /* Remove any moon-specific styling */ .moon::after { display: none !important; } /* Elegant sun rays */ .moon::before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 180% !important; height: 180% !important; transform: translate(-50%, -50%) !important; background: /* Primary rays */ repeating-conic-gradient( from 0deg, transparent 0deg, transparent 5deg, rgba(255, 240, 180, 0.7) 5deg, rgba(255, 240, 180, 0.7) 6deg, transparent 6deg, transparent 10deg ), /* Secondary rays */ repeating-conic-gradient( from 5deg, transparent 0deg, transparent 5deg, rgba(255, 220, 150, 0.5) 5deg, rgba(255, 220, 150, 0.5) 6deg, transparent 6deg, transparent 10deg ) !important; border-radius: 50% !important; animation: rotateSunRaysSmooth 50s linear infinite !important; pointer-events: none !important; opacity: 0.9 !important; } @keyframes sunBreathing { 0%, 100% { transform: scale(1); box-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 60px rgba(255, 240, 200, 1), 0 0 100px rgba(255, 200, 100, 0.8), 0 0 150px rgba(255, 150, 50, 0.6); filter: brightness(1.3); } 50% { transform: scale(1.02); box-shadow: 0 0 40px rgba(255, 255, 255, 1), 0 0 80px rgba(255, 240, 200, 1), 0 0 130px rgba(255, 200, 100, 0.9), 0 0 180px rgba(255, 150, 50, 0.7); filter: brightness(1.4); } } @keyframes rotateSunRaysSmooth { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } /* ================================ SOFT FLOATING CLOUDS ================================ */ body::after { content: '' !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-image: radial-gradient(ellipse 150px 40px at 15% 20%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(ellipse 120px 35px at 25% 22%, rgba(255, 255, 255, 0.35), transparent), radial-gradient(ellipse 180px 45px at 70% 40%, rgba(255, 255, 255, 0.38), transparent), radial-gradient(ellipse 140px 38px at 80% 42%, rgba(255, 255, 255, 0.33), transparent), radial-gradient(ellipse 160px 42px at 40% 65%, rgba(255, 255, 255, 0.36), transparent), radial-gradient(ellipse 130px 36px at 50% 67%, rgba(255, 255, 255, 0.32), transparent), radial-gradient(ellipse 170px 44px at 85% 80%, rgba(255, 255, 255, 0.4), transparent), radial-gradient(ellipse 145px 39px at 90% 82%, rgba(255, 255, 255, 0.34), transparent) !important; background-size: 100% 100% !important; pointer-events: none !important; z-index: 3 !important; opacity: 0.7 !important; animation: floatClouds 90s ease-in-out infinite !important; } @keyframes floatClouds { 0%, 100% { transform: translateX(0) translateY(0); opacity: 0.7; } 25% { transform: translateX(-15px) translateY(5px); opacity: 0.65; } 50% { transform: translateX(-30px) translateY(0); opacity: 0.7; } 75% { transform: translateX(-15px) translateY(-5px); opacity: 0.65; } } /* ================================ CONTENT STYLING ================================ */ header, nav, main > *, section > *, .logo, .toolbar-item, .wallet-adapter-button-trigger { position: relative !important; z-index: 10 !important; } /* Warm-tinted cards */ div[class*="bg-[#ffffff"], div[class*="backdrop-blur"], .form-card, .feature-card { background: rgba(255, 150, 50, 0.12) !important; backdrop-filter: blur(20px) !important; border-color: rgba(255, 180, 80, 0.35) !important; } /* ================================ HIDE TELEGRAM ================================ */ .telegram-icon, [class*="telegram"], a[href*="t.me"], a[href*="telegram"], div[class*="telegram"] { display: none !important; visibility: hidden !important; } /* ================================ WALLET ADAPTER - WARM SUN THEME ================================ */ .wallet-adapter-modal-wrapper { background: linear-gradient(135deg, #ff9933 0%, #ffb366 100%) !important; border: 2px solid rgba(255, 220, 150, 0.5) !important; } .wallet-adapter-button, .wallet-adapter-modal-list .wallet-adapter-button { pointer-events: auto !important; cursor: pointer !important; background-color: rgba(255, 200, 100, 0.25) !important; } .wallet-adapter-button:hover { background-color: rgba(255, 200, 100, 0.35) !important; } .wallet-adapter-modal-title { background: linear-gradient(135deg, #ff7e00, #ffb366, #ffd9b3) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }