.licence-container{
    max-width:950px;
    margin:40px auto;
    padding:40px;
    background:rgba(20,25,40,.95);
    border-radius:20px;
    border:1px solid #2a3a5a;
    box-shadow:0 10px 40px rgba(0,0,0,.35);
}

.licence-container h2{
    color:#e94560;
    font-size:2rem;
    border-left:4px solid #e94560;
    padding-left:15px;
    margin-bottom:20px;
}

.licence-container h3{
    color:#64b5f6;
    margin-top:40px;
    margin-bottom:15px;
    font-size:1.4rem;
}

.licence-container p,
.licence-container li{
    color:#d0d0d0;
    line-height:1.8;
    font-size:1rem;
}

.licence-container strong{
    color:#ffffff;
}

.licence-container a{
    color:#64b5f6;
    text-decoration:underline;
}

.licence-container a:hover{
    color:#e94560;
}

.update-date{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    border:1px solid #64b5f6;
    background:rgba(100,181,246,.12);
    color:#64b5f6;
    margin-bottom:30px;
    font-size:.90rem;
}

.summary-box{
    background:rgba(100,181,246,.08);
    border:1px solid #64b5f6;
    border-radius:12px;
    padding:25px;
    margin:30px 0;
}

.summary-box h3{
    margin-top:0;
    color:#64b5f6;
}

.box-green,
.box-red,
.box-orange,
.box-purple,
.box-blue{

    border-radius:12px;
    padding:25px;
    margin:30px 0;
}

.box-green{
    background:rgba(76,175,80,.08);
    border:1px solid #4caf50;
}

.box-red{
    background:rgba(244,67,54,.08);
    border:1px solid #f44336;
}

.box-orange{
    background:rgba(255,152,0,.08);
    border:1px solid #ff9800;
}

.box-purple{
    background:rgba(156,39,176,.08);
    border:1px solid #9c27b0;
}

.box-blue{
    background:rgba(33,150,243,.08);
    border:1px solid #2196f3;
}

.box-green h3,
.box-red h3,
.box-orange h3,
.box-purple h3,
.box-blue h3{
    margin-top:0;
}

.notice{
    background:rgba(255,255,255,.05);
    border-left:4px solid #e94560;
    padding:18px;
    margin:30px 0;
}

.signature{

    margin-top:60px;
    padding-top:25px;
    border-top:1px solid #2a3a5a;
    font-style:italic;
}

ul{
    padding-left:25px;
}

ul li{
    margin:10px 0;
}

@media(max-width:768px){
.licence-container{
margin:20px 15px;
padding:25px 20px;
}
.licence-container h2{
font-size:1.55rem;
}
.licence-container h3{
font-size:1.20rem;
}
}