:root{--primary-color: #ff9b33;--secondary-color: #ff6a00;--third-color: #5eb1bf;--fourth-color: #cdedf6;--fifth-color: #042a2b;--input-radius: 6px;--minimum-page-width: 320px}body{color:#222}body :first-child{margin-top:0}body :last-child{margin-bottom:0}body hr{border-style:none;border-top:.3px solid #ddd}body label,body div:has(>label){font-weight:600;line-height:24px}body label+input:not([type=radio],[type=checkbox]),body div:has(>label)+input:not([type=radio],[type=checkbox]){--input-border-color: #e0e0e0;--input-shadow-color: #ff9b3340;display:block;box-sizing:border-box;padding:1px 25px 1px 15px;border:1px solid var(--input-border-color);border-radius:var(--input-radius);letter-spacing:1.2px;background-color:#fafafa}body label+input:not([type=radio],[type=checkbox]):focus,body div:has(>label)+input:not([type=radio],[type=checkbox]):focus{--input-border-color: var(--primary-color);transition:background-color .2s,box-shadow .2s,outline .2s;box-shadow:0 0 0 .2rem var(--input-shadow-color);background-color:var(--fourth-color);outline:none}body button,body .btn{display:inline-block;box-sizing:border-box;border:1px solid var(--primary-color);border-radius:var(--input-radius);cursor:pointer;font-size:inherit;font-weight:700;color:#fff;background:var(--primary-color);transition:all .4s;transition:filter .2s,color .2s}@media(hover:hover){body button:hover,body .btn:hover{filter:brightness(.95);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}}body ul{padding:0;margin:0}.\@flex{display:flex}.\@justify-between{justify-content:space-between}.\@items-center{align-items:center}