/* =========================================
   LAYOUT GLOBAL — STREAMING SYSTEM
   ========================================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html, body{
font-family:'Sora', sans-serif;
background:#070b14;
color:white;
width:100%;
overflow-x:hidden;
touch-action:pan-x pan-y;
}

body{
padding-top:88px;
}

/* MAIN */

.am-main{
padding:30px;
min-height:100vh;
}

/* SECTION */

.am-section{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* ROW */

.am-row{
margin-bottom:25px;
}

/* ROW TITLE */

.am-row-title{
display:flex;
align-items:center;
gap:8px;
font-size:18px;
font-weight:600;
margin-bottom:10px;
}

.am-row-title i{
width:18px;
height:18px;
color:#f59e0b;
}

/* INPUT SYSTEM GLOBAL */

.am-input,
.am-select{
width:100%;
background:#070b14;
border:1px solid #1a2030;
padding:14px 16px;
border-radius:12px;
color:white;
font-size:15px;
transition:.2s;
outline:none;
}

.am-input::placeholder{
color:#6b7280;
}

.am-input:focus,
.am-select:focus{
border-color:#f59e0b;
box-shadow:0 0 0 1px #f59e0b;
}

.am-select{
appearance:none;
cursor:pointer;
background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat:no-repeat;
background-position:right 12px center;
background-size:18px;
}

/* RESPONSIVE */

@media (max-width:768px){

.am-main{
padding:0px;
}

.am-row-title{
font-size:15px;
}

}