/* templates/modern.css */
/* Modern Template - Sleek Tech */
body.template-modern {
    background: linear-gradient(to right, #74ebd5 0%, #acb6e5 100%);
}
.template-modern #main {
    margin: 50px auto;
    max-width: 1000px;
    padding: 0 25px;
}
.template-modern .field {
    background: rgba(255,255,255,0.95);
    padding: 30px;
    margin: 20px 0;
    border-radius: 0;
    border-left: 5px solid #74ebd5;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: border-left-width 0.3s ease;
}
.template-modern .field:hover {
    border-left-width: 10px;
}
.template-modern .brand {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 2px 6px rgba(0,0,0,0.3);
    padding: 15px 0;
    border-bottom: 2px solid rgba(255,255,255,0.5);
}
.template-modern .enter-maomi {
    background: linear-gradient(45deg, #74ebd5, #acb6e5);
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}