@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;padding:.3rem;border-radius:50%;background:#525252;position:relative}.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:100%;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}}.sns-search-box{width:100%;max-width:500px;margin:35px auto;text-align:center}.sns-search-box form{display:flex;gap:10px}.sns-search-box input{flex:1;padding:12px 15px;border-radius:30px;border:1px solid #ddd;font-size:15px}.sns-search-box button{background:#0b8f55;color:#fff;border:none;padding:12px 22px;border-radius:30px;cursor:pointer}.sns-copy-btn{border:none;background:#eee;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px}.sns-copy-btn:hover{background:#0b8f55;color:#fff}@media(max-width:600px){.sns-search-box form{flex-direction:column}.sns-search-box button{width:100%}}.sns-action-buttons{display:flex;justify-content:center;gap:12px;margin:15px 0}.sns-icon-btn{width:42px;height:42px;border-radius:8px;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.sns-icon-btn:hover{background:#0b8f55;color:#fff}@media print{*{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.sns-search-box,.sns-action-buttons,.sns-copy-btn{display:none !important}body{background:#fff !important}.achievement{background:inherit !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.badge,.badge *,.title,.bg-green,.bg-red,.bg-blue,.bg-purple,.bg-yellow{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.badge-grid,.achievement,.intro-text{page-break-inside:avoid}.achievement{display:flex !important;background:#2b2b2b !important;color:#fff !important;border:1px solid #555 !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;box-sizing:border-box}.achievement *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}}