.app-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}.gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2d0a4e,#3d1560,#4a1d6e,#5a2580,#6a3090 60%,#7a3b9e 70%,#9a7b8e,#b89b9e,#d4b8ae 85%,#e8d4be 92%,#f5e6d3);z-index:-2}.gradient-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at left,rgba(45,10,78,.6) 0%,transparent 70%)}.gradient-background:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(ellipse at right,rgba(245,230,211,.5) 0%,transparent 70%)}@keyframes pulseGradient{0%,to{opacity:.6}50%{opacity:.9}}.content-wrapper{position:relative;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}.header-section{text-align:center;animation:fadeInDown .8s ease-out}.logo-container{margin-bottom:0}.logo-icon{width:250px;height:250px;object-fit:contain;display:block}.brand-title{font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:2px;text-shadow:0 4px 12px rgba(255,215,0,.3)}.brand-subtitle{font-size:14px;color:#ffd700b3;font-weight:300;letter-spacing:1px}.main-card{position:relative;width:100%;background:linear-gradient(180deg,#fffffff2,#faf5ebeb,#f5f0e6e6);border-radius:32px;border:2px solid rgba(255,255,255,.5);padding:40px 28px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff4d inset,0 0 60px #d4af3726;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out .2s both}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ffd7004d,#ffa50033,#daa5204d);border-radius:32px;opacity:0;filter:blur(20px);z-index:-1;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}.card-content{position:relative;z-index:1}.card-title{font-family:Cinzel,Trajan Pro,Times New Roman,serif;font-size:26px;font-weight:700;background:linear-gradient(135deg,#2d0a4e,#5a2580,#7a3b9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:16px;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 10px rgba(45,10,78,.3)}.card-subtitle{font-size:13px;color:#4a1d6e;text-align:center;line-height:1.7;margin-bottom:36px;font-weight:500}.download-section{width:100%}.download-title{font-size:18px;color:#5b2a7e;text-align:center;margin-bottom:24px;font-weight:600;letter-spacing:.5px}.download-btn{position:relative;width:100%;padding:22px 28px;border:none;border-radius:24px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;margin-bottom:18px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-content{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.btn-icon{width:36px;height:36px;flex-shrink:0;transition:transform .3s ease}.download-btn:hover .btn-icon{transform:scale(1.1)}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-label{font-size:12px;font-weight:400;opacity:.9;letter-spacing:.5px}.btn-platform{font-size:19px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.android-btn{background:linear-gradient(135deg,#2d0a4e,#4a1d6e,#5a2580,#4a1d6e,#2d0a4e);background-size:200% 200%;color:#fff;box-shadow:0 10px 30px #2d0a4e99,0 0 0 2px #fff3 inset,0 5px 15px #5a258080,0 0 40px #5a25804d;animation:gradientShift 3s ease infinite}.android-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #2d0a4eb3,0 0 0 2px #fff6 inset,0 8px 20px #5a258099,0 0 60px #5a258080}.android-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 25px #2d0a4e99,0 0 0 2px #ffffff4d inset,0 4px 12px #5a258080}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .8s ease-out,height .8s ease-out,opacity .8s ease-out;opacity:0}.download-btn:active .btn-ripple{width:400px;height:400px;opacity:1}.ios-btn{background:linear-gradient(135deg,#8b6f47,#a88860,#b89b7e,#a88860,#8b6f47);background-size:200% 200%;color:#2d0a4e;box-shadow:0 10px 30px #8b6f4799,0 0 0 2px #ffffff4d inset,0 5px 15px #a8886080,0 0 40px #b89b7e4d;cursor:pointer;animation:gradientShift 3s ease infinite}.ios-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #8b6f47b3,0 0 0 2px #fff6 inset,0 8px 20px #a8886099,0 0 60px #b89b7e80}.ios-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 25px #8b6f4799,0 0 0 2px #ffffff4d inset,0 4px 12px #a8886080}.coming-soon-badge{position:absolute;top:8px;right:8px;background:#5b2a7e33;color:#5b2a7e;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;border:1px solid rgba(91,42,126,.3)}.helper-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#7a4a9e;text-align:center;margin-top:8px;line-height:1.3;font-weight:400;white-space:nowrap}.info-icon{width:14px;height:14px;flex-shrink:0;opacity:.7}.footer{text-align:center;animation:fadeIn .8s ease-out .4s both}.footer-text{font-size:12px;color:#fff6;font-weight:300;letter-spacing:.5px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(180deg,#fffffff2,#faf5ebeb,#f5f0e6e6);border-radius:28px;border:2px solid rgba(255,255,255,.5);padding:40px 32px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff4d inset,0 0 80px #c8a88233;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}.modal-icon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#c8a88233,#c8a88226);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(200,168,130,.4)}.modal-icon svg{width:36px;height:36px;color:#5b2a7e}.modal-title{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:600;color:#5b2a7e;margin-bottom:12px;letter-spacing:.5px}.modal-message{font-size:15px;color:#7a4a9e;line-height:1.6;margin-bottom:28px;font-weight:400}.modal-close-btn{width:100%;padding:16px;background:linear-gradient(135deg,#6b3a8e,#8b5aae,#6b3a8e);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #6b3a8e4d;letter-spacing:.5px}.modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6b3a8e66;background:linear-gradient(135deg,#7a4a9e,#9b6abe,#7a4a9e)}.modal-close-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 360px){.content-wrapper{gap:24px}.main-card{padding:32px 20px}.brand-title{font-size:30px}.card-title{font-size:24px}.download-btn{padding:18px 20px}.btn-icon{width:28px;height:28px}.btn-platform{font-size:16px}}@media (min-width: 768px){.content-wrapper{max-width:520px}.brand-title{font-size:42px}.card-title{font-size:32px}.main-card{padding:48px 40px}.download-btn{padding:24px 28px}.btn-icon{width:36px;height:36px}.btn-platform{font-size:20px}}@media (hover: hover) and (pointer: fine){.download-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (max-height: 600px) and (orientation: landscape){.content-wrapper{gap:16px}.header-section{margin-bottom:0}.brand-title{font-size:28px}.main-card{padding:24px 28px}.card-title{font-size:22px;margin-bottom:8px}.card-subtitle{margin-bottom:20px}.download-btn{padding:16px 20px;margin-bottom:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-icon,.btn-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}#root{width:100%;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}