:root{
 --ice:#FDFEFF;
 --text:#1E2238;
 --soft:#F1F3FA;
 --cyan:#00CFE8;
 --indigo:#3F51B5;
}

html,body{
 background:var(--ice);
 color:var(--text);
 font-family:Inter,system-ui,Segoe UI,Roboto,Arial;
}

section,main{
 background:transparent;
}

.card, .box, .panel, .widget, .tile{
 background:#fff;
 border-radius:18px;
 border:1px solid rgba(63,81,181,.08);
 box-shadow:0 10px 30px rgba(30,34,56,.06);
}

button,.btn{
 background:linear-gradient(135deg,#00CFE8,#3F51B5);
 color:#fff;
 border:none;
 border-radius:12px;
 padding:10px 16px;
}

header,nav{
 background:#fff;
 border-bottom:1px solid rgba(63,81,181,.08);
}

footer{
 background:#0E1220;
 color:#fff;
}

a{
 color:#3F51B5;
}

table{
 border-collapse:collapse;
 background:#fff;
}

input,select,textarea{
 background:#fff;
 border:1px solid rgba(63,81,181,.12);
 border-radius:10px;
 padding:8px;
}