.home-container{background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;min-width:600px;height:calc(100vh - 52px);min-height:60vh;padding:16px;transition:background-color .3s;display:flex}.home-content{text-align:center;width:100%;max-width:600px}.home-title{color:#1a1a1a;letter-spacing:-.5px;margin:0 0 16px;font-size:2rem;font-weight:700;transition:color .3s,font-size .3s}.home-subtitle{color:#666;margin:0 0 40px;font-size:1rem;line-height:1.6;transition:color .3s}.button-container{flex-direction:column;gap:12px;width:100%;display:flex}.button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.button:active{transform:translateY(0)}.button-primary{color:#fff;background-color:#6c5ce7;box-shadow:0 2px 8px #6c5ce733}.button-primary:hover{background-color:#5f4fcf;box-shadow:0 4px 12px #6c5ce74d}.button-secondary{color:#6c5ce7;background-color:#fff;border:2px solid #6c5ce7}.button-secondary:hover{color:#5f4fcf;background-color:#f0f0f0;border-color:#5f4fcf}.button-secondary:active{background-color:#e8e8e8}.button-theme{min-height:45px;font-size:1.2rem}@media (width<=479px){.home-container{padding:12px}.home-title{margin-bottom:12px;font-size:1.5rem}.home-subtitle{margin-bottom:32px;font-size:.9rem}.button-container{gap:10px}.button{min-height:44px;padding:12px 16px;font-size:.95rem}}@media (width>=480px) and (width<=767px){.home-title{font-size:1.8rem}.home-subtitle{font-size:.95rem}.button{padding:13px 18px}}@media (width>=768px) and (width<=1023px){.home-container{padding:24px}.home-title{font-size:2.2rem}.home-subtitle{font-size:1.05rem}.button-container{gap:14px;max-width:400px;margin:0 auto}.button{padding:15px 22px}}@media (width>=1024px){.home-container{padding:32px}.home-title{font-size:2.5rem}.home-subtitle{font-size:1.1rem}.button-container{gap:16px;max-width:450px;margin:0 auto}.button{padding:16px 24px;font-size:1.05rem}}@media (height<=600px) and (orientation:landscape){.home-container{min-height:auto;padding:12px}.home-content{padding:8px 0}.home-title{margin-bottom:8px;font-size:1.5rem}.home-subtitle{margin-bottom:16px;font-size:.9rem}.button-container{gap:8px}.button{min-height:40px;padding:10px 16px}}