.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;background:linear-gradient(-45deg,#d5bdaf,#e3d5ca,#d6ccc2,#f5ebe0);background-size:400% 400%;animation:gradientBG 2s ease infinite}.loading-content{display:flex;flex-direction:column;align-items:center;animation:float 3s ease-in-out infinite}.loading-logo{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 8px rgba(0,0,0,.2);animation:pulseLogo 1.5s infinite}.loading-title{font-size:2.5rem;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0px rgba(255,255,255,.8);margin-bottom:.5rem}.loading-text{font-size:1.2rem;color:#333;font-weight:500;letter-spacing:1px}.loading-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulseLogo{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}:root{--color-base: #edede9;--color-layer1: #f5ebe0;--color-layer2: #e3d5ca;--color-layer3: #d6ccc2;--color-accent: #d5bdaf;--font-family: "Outfit", sans-serif;--text-primary: #000000;--max-width: 480px;--border-radius: 20px;--box-shadow: 0 10px 30px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--color-base);color:var(--text-primary);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{width:100%;max-width:var(--max-width);min-height:100vh;min-height:100dvh;background-color:var(--color-base);position:relative;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);margin-bottom:.5rem}p{font-weight:400;font-size:1.1rem;line-height:1.5}.app-container{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;animation:fadeIn .4s ease}.btn{background-color:var(--color-accent);color:var(--text-primary);border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;font-family:var(--font-family);border-radius:var(--border-radius);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease;box-shadow:0 4px 15px #d5bdaf66;width:100%;text-align:center;margin-top:1rem}.btn:active{transform:scale(.95);box-shadow:0 2px 8px #d5bdaf66}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.card-container{background-color:var(--color-layer1);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow);margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flipIn{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.flex-1{flex-grow:1}.screen-title{font-size:2.5rem;text-align:center;margin-bottom:2rem;text-shadow:1px 1px 0px rgba(255,255,255,.5)}