@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");@import url("https://fonts.googleapis.com/css?family=Fjalla+One");:root{--color-orange-950:#4a1c0d;--color-yellow-400:#facc15;--color-yellow-800:#854d0e;--color-orange-400:#fb923c;--color-yellow-300:#fde047;--color-yellow-700:#a16207}.sns-badge-wrapper{width:100%;background:#f4f4f4;padding:40px 20px;box-sizing:border-box;font-family:'Inter',sans-serif}.sns-search-box{width:100%;text-align:center;margin-bottom:40px}.sns-search-box input{width:280px;max-width:90%;padding:12px 15px;border-radius:25px;border:1px solid #ccc;font-size:16px}.sns-search-box button{padding:12px 25px;border:none;border-radius:25px;background:#2ecc71;color:#fff;font-weight:700;cursor:pointer}.achievement{display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 25px 8px 8px;border-radius:50px;background:linear-gradient(90deg,#321308,#5a2410);border:1px solid #555;margin:0 auto 40px;width:max-content;max-width:90%}.icon-outer-container{position:relative}.icon-inner-container{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#facc15;overflow:hidden}.icon{width:35px;padding:8px;background:#fb923c;border-radius:50%}.icon svg{width:100%;height:100%}.ach-title{color:#facc15;font-weight:700}.ach-description{color:#fff;font-size:13px}.badge-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:100%}.badge{position:relative;width:clamp(216px,30vw,280px);aspect-ratio:216/232}.badge svg{width:100%;height:auto;display:block}.title{position:absolute;top:-12%;left:0;width:100%;padding:8% 0;margin:0;box-sizing:border-box;text-align:center;border-radius:8px 8px 0 0;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(16px,2vw,22px);line-height:1.1}.bg-red{background:#dc514e}.bg-green{background:#2ecc71}.bg-blue{background:#3498db}.bg-yellow{background:#f1c40f;color:#333}.bg-purple{background:#8e44ad}.logo{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:30%;aspect-ratio:1}.logo img{width:100%;height:100%;object-fit:contain}.text-wrapper{position:absolute;top:48%;width:100%;text-align:center}.subtitle{font-family:Fjalla One,sans-serif;font-size:clamp(12px,2vw,18px);color:#fff;margin:0}.student-info{color:#fff;font-size:clamp(11px,1.5vw,14px);line-height:1.4}.intro-text{max-width:700px;margin:40px auto;text-align:center;color:#444;font-style:italic;line-height:1.5}@media(max-width:600px){.achievement{flex-direction:column;padding:15px;text-align:center}.badge-grid{flex-direction:column;gap:50px}.badge{width:240px}}