@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;position:relative;align-items:center;justify-content:center;gap:1rem;padding:.2rem 1.5rem .2rem .5rem;border-radius:3rem;background:#2b2b2b;border:1px solid #555;margin:0 auto 40px;width:max-content;max-width:95%;box-sizing:border-box}.icon-outer-container{position:relative;flex-shrink:0}.icon-inner-container{position:relative;display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;overflow:hidden;z-index:1}.icon_badge{display:grid;place-items:center;width:4rem;height:4rem;padding:.8rem;border-radius:50%;background:#525252;position:relative;z-index:3}.icon_badge svg{width:100%;height:100%;color:#fde047;filter:drop-shadow(0 0 4px #a16207)}.spark-container{position:absolute;inset:0;z-index:3}.spark{position:absolute;color:#fff;animation:spark-animation 5s infinite linear both}.spark svg{width:12px;height:12px}.highlight{position:absolute;inset:0;animation:slide 5s ease-in-out infinite;background-image:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.7) 45%,transparent 60%)}.content{display:flex;flex-direction:column;gap:3px}.ach-title{font-weight:700;color:#ff0;font-size:16px}.ach-description{color:#fff;font-size:13px}.highlight{position:absolute;inset:0;z-index:2;animation:slide 5s ease-in-out infinite;background-image:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.7) 45%,transparent 55%)}.spark-container{position:absolute;inset:0;z-index:5;pointer-events:none}.spark{position:absolute;color:#fff;opacity:0;animation:spark-animation 5s infinite linear}.spark svg{width:12px;height:12px;display:block}@keyframes slide{0%{transform:translateX(-120%)}40%{transform:translateX(120%)}100%{transform:translateX(120%)}}@keyframes spark-animation{0%{opacity:0;transform:scale(0) rotate(-180deg)}8%{opacity:1;transform:scale(1) rotate(0deg)}12%{opacity:1;transform:scale(1) rotate(90deg)}18%{opacity:0;transform:scale(0) rotate(180deg)}100%{opacity:0;transform:scale(0) rotate(180deg)}}.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:#4d941a}.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{width:70%;justify-content:flex-start;padding:8px 15px 8px 8px}.icon-inner-container{width:55px;height:55px}.ach-title{font-size:14px}.ach-description{font-size:12px}}