*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;height:100vh;display:flex;background:linear-gradient(135deg,#8b4513,#d2691e,#f4a460)}.container{display:flex;width:100%;height:100vh}.left-panel{background:linear-gradient(45deg,#4a4a4a,#2c2c2c);position:relative;overflow:hidden;width:30%}.moroccan-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/build/assets/login-BGwtig9H.jpg);opacity:.3;background-size:cover;background-position:center}.geometric-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.brand{position:absolute;top:3rem;left:7rem;z-index:10}.quote-section{position:absolute;bottom:2rem;left:40px;right:40px;z-index:10;color:#fff;text-align:left}.quote-text{font-size:1.2rem;font-weight:300;line-height:1.4;margin-bottom:20px;text-shadow:1px 1px 3px rgba(0,0,0,.7);font-style:italic}.quote-author{font-size:.8rem;opacity:.9;font-weight:400}.right-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.right-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(218,165,32,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,69,19,.05) 0%,transparent 50%);pointer-events:none}.login-form{width:100%;max-width:19rem;z-index:1}.welcome-header{text-align:center;margin-bottom:40px}.welcome-header h2{font-size:1.5rem;color:#2c2c2c;font-weight:600;margin-bottom:7px}.welcome-header p{color:#666;font-size:.8rem}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:10px 14px;border:2px solid #E5E5E5;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-group input:focus{outline:none;border-color:#daa520;background:#fff;box-shadow:0 0 0 3px #daa5201a}.form-group input::-moz-placeholder{color:#999}.form-group input::placeholder{color:#999}.login-btn{width:100%;padding:.8rem;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2c2c2c4d;background:linear-gradient(135deg,#1a1a1a,#000)}.form-links{display:flex;justify-content:space-between;margin-top:25px;font-size:.9rem}.form-links a{color:#000;text-decoration:none;transition:color .3s ease}.form-links a:hover{color:#000;text-decoration:underline}.help-link{text-align:center;margin-top:30px;color:#999;font-size:.85rem}.decorative-element{position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(218,165,32,.1) 0%,transparent 70%);border-radius:50%}.decorative-element.top-right{top:20px;right:20px}.decorative-element.bottom-left{bottom:20px;left:20px}@media (max-width: 768px){.container{flex-direction:column}.left-panel{flex:0 0 200px}.quote-text{font-size:1.2rem}.brand h1{font-size:1rem}.welcome-header h2{font-size:1.8rem}.left-panel{display:none}}