*{box-sizing:border-box}body{margin:0;padding:0;font-family:Hanken Grotesk,sans-serif}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:360px;margin:auto}.header{background-image:linear-gradient(to bottom,#75f,#6943ff,#2f2ce9);border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#cac9ff;display:flex;flex-direction:column;justify-content:center;align-items:center}header h2{font-size:16px}.circle{background-image:linear-gradient(to bottom,#4d21c9,#2521c9);opacity:.7;border-radius:50%;width:140px;height:140px;position:relative}.circle__nums{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;margin-bottom:24px}.num1,.num2{display:inline}.num1{font-size:56px;color:#fff;font-weight:700;margin-bottom:0}.num2{font-size:16px}header h1{color:#fff;font-size:24px}.description{text-align:center;padding-inline:60px;font-size:16px;font-weight:400}.summary__item:nth-child(1){background-color:#ff575766;color:#f55}.summary__item:nth-child(2){background-color:#fc06;color:#ffb21e}.summary__item:nth-child(3){background-color:#47d14766;color:#00bb8f}.summary__item:nth-child(4){background-color:#4d79ff66;color:#1125d6}.summary{margin:0 0 24px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%}.summary:not(:last-child){gap:16px}.summary__item{list-style-type:none;padding:12px 16px;height:56px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;width:100%}.category{font-weight:400;font-size:16px;margin-right:auto}.summary__icon{margin-right:10px}button{background-color:#303b59;color:#fff;padding:17px 122px;border-radius:40px;margin-bottom:30px;border:none}button:hover{background-image:linear-gradient(to bottom,#75f,#6943ff,#3930ed,#2f2ce9)}@media (min-width: 768px){.main{flex-direction:row;max-width:100%;height:auto;max-width:760px;gap:30px;justify-content:center;align-items:stretch}.header{border-radius:20px;width:100%;min-height:100%}.summary{width:100%}}.score{color:#000;font-weight:700}.score__100{opacity:.4}