*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;overflow-y:auto}body{background:linear-gradient(135deg,#fef3c7,#fde68a,#ddd6fe,#c4b5fd,#dbeafe);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#1f2937;position:relative;min-height:100vh}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-container{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:80px 20px 40px}.welcome-content{text-align:center;max-width:800px;animation:fadeInUp 1.5s ease-out}.logo-container{animation:logoFloat 3s ease-in-out infinite 1.5s}.main-logo{object-fit:cover;border:3px solid rgba(251,191,36,.3);box-shadow:0 4px 12px #fbbf2433,0 2px 4px #0000001a;transition:all .3s ease;background:#fff;animation:fadeInLogo 1s ease-out .5s forwards,logoFloat 3s ease-in-out infinite 1.5s}.main-logo:hover{transform:scale(1.05);border-color:#fbbf2499;box-shadow:0 8px 24px #fbbf244d,0 4px 8px #00000026}@keyframes fadeInLogo{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-text{font-size:clamp(1.5rem,4vw,3rem);font-weight:400;line-height:1.4;margin-bottom:2rem;color:#1f2937}.domain{font-weight:600;color:#0b84ff;position:relative}.domain:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(135deg,#0b84ff,#4ecdc4);opacity:.6;border-radius:2px}.construction{font-weight:500;background:linear-gradient(135deg,#ff6b6b,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:2rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #4ecdc44d}to{box-shadow:0 0 20px #4ecdc499}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.welcome-content{padding:0 1rem}.logo-container,.main-logo{width:100px!important;height:100px!important}.welcome-text{font-size:clamp(1.2rem,5vw,2rem);line-height:1.3}}@media (max-width: 480px){.logo-container{width:80px!important;height:80px!important;margin-bottom:1.5rem!important}.main-logo{width:80px!important;height:80px!important;border-width:2px}.welcome-text{font-size:clamp(1rem,6vw,1.5rem)}.loading-dots span{width:6px;height:6px}}