.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);display:flex;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:90%}.close-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:background-color .2s;z-index:10}.close-btn:hover{background-color:hsla(0,0%,100%,.1)}.modal-left{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px 20px;position:relative}.modal-left img{border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);height:auto;margin-bottom:20px;max-width:100%}.modal-left img:last-child{display:none}.modal-right{color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;padding:60px 40px}.guides-label{background:hsla(0,0%,100%,.2);border-radius:20px;color:#fbbf24;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 16px;text-transform:uppercase;width:fit-content}.main-heading{color:#fbbf24;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 20px}.description{color:hsla(0,0%,100%,.9);font-size:1.1rem;line-height:1.6;margin:0 0 30px}#guidebook-form{display:flex;flex-direction:column;font-family:Spoof,sans-serif;gap:16px}#guidebook-form input[type=url]{appearance:none;background-color:hsla(0,0%,100%,.95);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;color:#244556;font-size:16px;font-weight:400;height:50px;outline:none;padding:0 20px;transition:all .3s ease;width:100%}#guidebook-form input[type=url]:focus{background-color:#fff;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}#guidebook-form input[type=url]::placeholder{color:#7b8a94}#guidebook-form input[type=submit]{background:linear-gradient(135deg,#0f766e,#0d9488);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:50px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;width:100%}#guidebook-form input[type=submit]:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 8px 25px rgba(15,118,110,.3);transform:translateY(-2px)}@media (max-width:768px){.modal{flex-direction:column;margin:20px;max-width:95%}.modal-left{padding:20px}.modal-left img:first-child{display:none}.modal-left img:last-child{display:block}.modal-right{padding:30px 20px}.main-heading{font-size:2rem}.description{font-size:1rem}}@media (max-width:480px){.main-heading{font-size:1.75rem}.modal-right{padding:20px 15px}}