.milestone-container{text-align:center;padding:20px;max-width:1200px;margin:auto}.page-container{background:#504081;box-shadow:0 -3px 10px #fef74b}.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.milestone-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s;position:relative;overflow:hidden}.milestone-card:hover{transform:translateY(-5px)}.milestone-card:hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,223,0,.4),rgba(255,215,0,.1),rgba(255,223,0,.4));opacity:.5;transform:skewX(-25deg);animation:shimmer 1.5s linear infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:200%}}.milestone-image{width:50%;object-fit:cover;border-radius:8px;display:block;margin:0 auto}.milestone-title{font-size:16px;font-weight:700;margin:10px 0}.circle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;justify-items:center;align-items:center}.circle{width:20px;height:20px;background-color:#ccc;border-radius:50%;position:relative;display:inline-block;transition:background-color .3s ease;cursor:none}.circle:hover{background-color:#f5b700}.thought-bubble{position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#504081;padding:8px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.2);font-size:12px;color:#fff;display:none;z-index:10}.circle:hover .thought-bubble,.show{display:block}.thought-bubble.left-edge{left:0;transform:translateX(0)}.thought-bubble.right-edge{right:0;transform:translateX(0)}@media (max-width:768px){.milestone-grid{grid-template-columns:repeat(2,1fr)}.thought-bubble{font-size:10px;max-width:150px}}@media (max-width:480px){.milestone-grid{grid-template-columns:1fr}.thought-bubble{font-size:10px;max-width:120px}}