*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:'Inter','Segoe UI','Roboto','Arial',sans-serif;font-size:1rem;color:#222;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:'Inter','Segoe UI','Roboto','Arial',sans-serif;font-weight:600;letter-spacing:-0.5px}.navbar-brand,.nav-link{color:#fff;font-weight:600}.top-bar{font-size:0.9rem}.top-bar-inner{gap:1rem}.top-bar-left{font-size:0.8rem;white-space:nowrap;font-weight:bold;position:relative;min-height:24px}.top-bar-message-set{display:flex;gap:0.75rem;align-items:center;opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease}.top-bar-message-set.hiding{opacity:0;transform:translateY(20px)}.top-bar-message-set.showing{opacity:1;transform:translateY(0)}.top-bar-message-set:not(.active){display:none}.top-info-item i{color:#198754}.top-info-divider{color:#b0b8c4}.social-icon-link-top{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:white;color:#555;text-decoration:none;transition:all 0.3s ease;font-size:1rem;border:1px solid #e0e0e0}.social-icon-link-top:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);border-color:transparent}.social-icon-link-top:hover i.bi-youtube{color:#FF0000}.social-icon-link-top:hover i.bi-facebook{color:#1877F2}.social-icon-link-top:hover i.bi-twitter{color:#000000}.social-icon-link-top:hover i.bi-linkedin{color:#0A66C2}.social-icon-link-top:hover i.bi-instagram{color:#E4405F}.social-icon-link i.bi-youtube:hover{color:#FF0000}.social-icon-link i.bi-facebook:hover{color:#1877F2}.social-icon-link i.bi-twitter:hover{color:#000000}.social-icon-link i.bi-linkedin:hover{color:#0A66C2}.social-icon-link i.bi-instagram:hover{color:#E4405F}.social-icon-link-mobile{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f8f9fa;color:#333;text-decoration:none;transition:all 0.3s ease;font-size:1.3rem}.social-icon-link-mobile:hover{transform:scale(1.1)}.title{color:#343a40;font-weight:bold;letter-spacing:2px;font-size:1.5rem}.main{display:flex !important;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:center;margin-top:50px !important}.form-section{flex:0 0 65%;max-width:95%;min-width:300px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.05);padding:25px;border:1px dashed black}.preview-section{flex:0 0 40%;max-width:95%;min-width:300px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.05);padding:20px;display:flex;flex-direction:column;height:fit-content;border:1px dashed gray}.section-title{font-size:1.10rem;font-weight:bold;margin-bottom:15px;border-bottom:2px solid lightseagreen;padding-bottom:8px}.form-control{border-radius:2px;font-size:1rem}.form-label{font-size:14px}.row{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}[class*="col-"]{padding-right:0.5rem;padding-left:0.5rem}.text-center{text-align:center !important}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.gap-2{gap:0.5rem}footer{background-color:#122f2a;color:#adb5bd;padding:20px 0;margin-top:50px}@media (max-width:991px){.navbar-toggler{padding:8px 12px;font-size:1.25rem}.navbar-collapse{margin-top:15px}.navbar-nav{gap:0 !important}.nav-link{padding:12px 20px !important;border-radius:8px !important;margin-bottom:5px}.coffee-btn{text-align:center;justify-content:center;margin-top:10px}}@media (max-width:768px){.main{flex-direction:column;align-items:center}.form-section,.preview-section{flex:1 1 100%;width:95%}body{font-size:14px}.logo-img{display:none}.main{flex-direction:column}.form-section,.preview-section{flex:1 1 100%;width:95%}}@media (max-width:576px){.navbar-brand{padding:20px 0}.nav-link{padding:10px 15px !important;font-size:0.9rem}.nav-link i{font-size:1rem}.coffee-text{font-size:0.85rem}}@media (max-width:400px){.nav-link{padding:8px 12px !important;font-size:0.85rem}.nav-link i{font-size:0.9rem;margin-right:6px !important}}