.welcome-container{color:#fff;text-align:center;font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;gap:3rem;position:relative;z-index:0}.welcome-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.welcome-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;z-index:1}.app-logo-hero{width:80vw;max-width:700px;height:auto;margin-bottom:2rem}.welcome-title{font-size:clamp(2.5rem,8vw,4rem);line-height:1.2;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 0 15px rgba(0,255,255,.5)}.welcome-subtitle{font-size:1.2rem;margin-bottom:2rem;color:#ddd;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.welcome-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.section-content-container{width:100%;max-width:900px;background:rgba(26,26,26,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}.section-content-container--wide{max-width:1200px}.section-title{font-size:2.2rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.7);font-weight:700;margin-bottom:1.5rem}.section-text{font-size:1.1rem;color:#ccc;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.button{background:linear-gradient(145deg,#0d6efd,#0a58ca);color:white;padding:10px 20px;border:1px solid #0d6efd;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,123,255,.2),inset 0 1px 2px rgba(255,255,255,.2)}.button:hover{background:linear-gradient(145deg,#0a58ca,#0d6efd);transform:translateY(-3px);box-shadow:0 6px 25px rgba(0,123,255,.3),inset 0 1px 2px rgba(255,255,255,.2)}.large-button{padding:15px 30px;font-size:1.1rem}.cta-button{background:white;color:#007bff;box-shadow:none;border-color:white}.cta-button:hover{background:#f0f0f0;color:#0056b3}.steps{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;margin-top:2rem}.step{flex:1 1;min-width:250px;padding:1rem;flex-direction:column;text-align:center}.step,.step-icon{display:flex;align-items:center}.step-icon{width:45px;height:45px;background-color:#007bff;border-radius:50%;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 15px;border:2px solid rgba(255,255,255,.5)}.step h3{font-size:1.4rem;margin-bottom:10px;font-weight:700}.step p{color:#ccc;font-size:.95rem}.themes-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.theme-card{position:relative;border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 15px rgba(0,0,0,.3);aspect-ratio:4/5}.theme-card:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,123,255,.3);border:1px solid #007bff}.theme-card img{width:100%;height:100%;object-fit:cover;display:block}.theme-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);color:white;padding:2rem 1rem 1rem;font-size:1.2rem;font-weight:700;text-align:left}@media (max-width:480px){.welcome-container{padding:1rem .5rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.section-text{font-size:1rem}.step h3{font-size:1.2rem}.step p{font-size:.9rem}.large-button,.theme-name{font-size:1rem}.large-button{padding:12px 24px}}