*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:#f26e25;overflow-x:hidden}html{scroll-behavior:smooth}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideInLeft{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%{box-shadow:0 0 5px rgba(255,255,255,.5)}50%{box-shadow:0 0 20px rgba(255,255,255,.8)}to{box-shadow:0 0 5px rgba(255,255,255,.5)}}.container{display:flex;flex-direction:column;min-height:100vh;width:100vw;max-width:100%;background-color:#f26e25;color:white;font-family:Arial,sans-serif;overflow-x:hidden;transition:all .6s cubic-bezier(.4,0,.2,1)}.container,.container.animate,header{opacity:1;transform:translateY(0)}header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;width:100%;box-sizing:border-box;transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out}.container.animate .header{opacity:1;transform:translateY(0)}.logo{font-size:24px;font-weight:700;text-transform:lowercase;transition:all .3s ease;animation:pulse 2s infinite}.logo:hover{transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.5)}.login-button{background:white;color:#f26e25;border:none;border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInRight .8s ease-out}.login-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2);animation:glow 2s infinite}main{display:flex;flex:1;align-items:center;justify-content:space-between;padding:0 40px;width:100%;min-height:calc(100vh - 140px);box-sizing:border-box}.content{max-width:50%;padding:40px 0;flex-shrink:0;animation:slideInLeft 1s ease-out}.content h1{font-size:48px;line-height:1.2;margin-bottom:20px;font-family:Georgia,serif;opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s ease-out}.content h1:hover{transform:scale(1.02);text-shadow:0 0 15px rgba(255,255,255,.3)}.content p{font-size:18px;margin-bottom:30px;opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s ease-out .2s backwards}.content p:hover{transform:translateX(10px);text-shadow:0 0 10px rgba(255,255,255,.2)}.buttons{display:flex;gap:20px;flex-wrap:wrap;opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s ease-out .4s backwards}.btn-outline{background:white;color:#3b82f6;border:none;border-radius:6px;padding:12px 24px;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-outline:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.2);animation:glow 2s infinite}.btn-outline:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(59,130,246,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-outline:hover:after{width:200%;height:200%}.btn-primary{background:#3b82f6;color:white;border:none;border-radius:6px;padding:12px 24px;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2);animation:glow 2s infinite}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:hover:after{width:200%;height:200%}.graphic{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;background-color:#f26e25;min-height:300px;animation:fadeInUp 1s ease-out .6s backwards}.graphic img{width:100%;height:auto;max-width:450px;background:transparent;opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);animation:float 6s ease-in-out infinite}.graphic img:hover{transform:scale(1.05);filter:brightness(1.1)}footer{justify-content:space-between;padding:20px 40px;font-size:14px;width:100%;box-sizing:border-box;opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s ease-out .8s backwards}.footer-right,footer{display:flex;align-items:center}.footer-right{gap:10px;flex-wrap:wrap}.footer-right a{color:white;text-decoration:none;margin:0 8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.footer-right a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:white;transition:width .3s ease}.footer-right a:hover{transform:translateY(-2px);text-shadow:0 0 10px rgba(255,255,255,.5)}.footer-right a:hover:after{width:100%}.social-icons{display:flex;gap:10px;margin-left:10px}.social-icons a{display:inline-block;transition:all .3s ease}.social-icons a:hover{transform:translateY(-3px) scale(1.1);filter:brightness(1.2)}@media (max-width:768px){header,main{padding:20px}main{flex-direction:column;text-align:center}.content{max-width:100%}.graphic{display:none}footer{padding:20px;flex-direction:column;gap:10px}h1{font-size:36px}}