*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green:#2d7d50;--light-green:#8bc34a;--sky-blue:#87ceeb;--cream:#fef9e7;--warm-brown:#8b6f47;--text-dark:#2c3e50;--text-light:#ffffff;--card-bg:#ffffff;--accent-pink:#ff9999;--shadow:rgba(0,0,0,.1)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom,#e3f2fd 0%,#fff9e6 50%,#ffebcd 100%);color:var(--text-dark);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}.clouds{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1}.clouds::before,.clouds::after{content:'';position:absolute;width:200px;height:60px;background:rgba(255,255,255,.3);border-radius:100px;animation:float 30s infinite ease-in-out}.clouds::before{top:10%;left:-200px;animation-delay:0s}.clouds::after{top:30%;left:-200px;animation-delay:15s}@keyframes float{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(calc(100vw + 200px)) translateY(-20px)}}header{background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 100%);padding:50px 0;text-align:center;box-shadow:0 4px 20px var(--shadow);position:relative}.logo{font-size:3.5rem;font-weight:900;letter-spacing:6px;color:var(--text-light);text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:10px}.tagline{color:var(--cream);font-size:1.2rem;letter-spacing:2px;font-weight:300}.back-btn{display:inline-block;margin-top:15px;padding:12px 24px;background:rgba(255,255,255,.2);border:2px solid var(--cream);color:var(--cream);text-decoration:none;border-radius:25px;transition:all .3s ease;font-weight:600}.back-btn:hover{background:var(--cream);color:var(--primary-green);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.loading{text-align:center;padding:80px 20px}.spinner{border:4px solid rgba(45,125,80,.1);border-top:4px solid var(--primary-green);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}footer{background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 100%);padding:30px 0;margin-top:80px;text-align:center;box-shadow:0 -4px 20px var(--shadow)}footer p{color:var(--cream);margin:5px 0}footer a{color:white;text-decoration:none;transition:color .3s ease;font-weight:600}footer a:hover{color:var(--accent-pink)}.container{max-width:1400px;margin:0 auto;padding:0 20px}@media (max-width:768px){.logo{font-size:2.5rem;letter-spacing:3px}.tagline{font-size:1rem}header{padding:40px 0}}@media (max-width:480px){.logo{font-size:2rem;letter-spacing:2px}header{padding:30px 0}}