body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#0d1117;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}#calculate{font-family:Press Start\ 2P,cursive}.top-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px}.profile-section{background-image:linear-gradient(90deg,#afc7eb,#fefefe);border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:0 0 280px;padding:16px;text-align:center}.profile-section img{border:2px solid #ccc;border-radius:50%;height:auto;margin-bottom:10px;max-width:100%}.profile-section h3{color:#333;font-size:1.1rem;margin:10px 0 4px}.profile-section p{color:#555;font-size:.9rem;margin:4px 0}.league-info{margin-top:10px}.league-info h4{color:#222;font-size:1rem;margin:6px 0}.league-info p{color:#444;font-size:.9rem}.league-info img{height:auto;margin-top:8px;max-width:100%}.form-section{flex:1 1;min-width:280px}h1{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:20px;text-align:center}input[type=text]{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin:0 auto 12px;max-width:600px;padding:12px 14px;width:100%}button,input[type=text]{display:block;font-size:1rem}button{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;margin:0 auto 16px;padding:10px 24px;transition:background-color .3s}button:disabled{background-color:#a6c8ff;cursor:not-allowed}button:hover:not(:disabled){background-color:#3367d6}.error{margin-top:10px;text-align:center}.points-summary{background-image:linear-gradient(90deg,#afc7eb,#fefefe);border-radius:12px;box-shadow:0 2px 8px #00000014;height:50%;margin:20px 0;padding:16px;text-align:center}.badge-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:30px}.badge{background-color:#fff;border-radius:12px;box-shadow:0 1px 6px #00000014;padding:12px}.badge img{height:auto;margin-bottom:8px;max-width:100px}.badge p{word-wrap:break-word;font-size:.9rem;margin:4px 0}.badge .date{color:#777;font-size:.8rem}.badge .points{color:#333;font-weight:700}@media screen and (max-width:768px){.profile-section,.top-layout{align-items:center;flex-direction:column}.profile-section{width:95%}.form-section{width:100%}.badge-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}input{padding:10px;width:60%}button,input{margin-top:10px}button{font-size:16px;padding:10px 20px}.error{color:red}.points-summary,.profile-section{width:50%}.badge-container,.points-summary,.profile-section{margin-top:30px}.badge-container,.point-profile-sum{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.badge{border:1px solid #ddd;border-radius:8px;box-shadow:1px 1px 5px #ccc;padding:10px;text-align:center;width:220px}.points{margin-top:5px}.date{color:#777;font-size:14px}h1{color:#ffd548;font-family:Press Start\ 2P,cursive;font-size:25px;line-height:50px}#under-pointcalculator{color:#fff;text-align:center}.facilitator-checkbox{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:center;margin:12px auto;max-width:600px}.facilitator-checkbox label{color:#ffd548;font-family:Press Start\ 2P,cursive;font-size:11px;margin:0;white-space:nowrap}.facilitator-checkbox input[type=checkbox]{margin:0;transform:scale(1.2)}@media screen and (max-width:768px){.facilitator-checkbox{align-items:center;flex-direction:column;gap:5px;text-align:center}.facilitator-checkbox label{font-size:10px;text-align:center;white-space:normal}}.milestone-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:30px auto;max-width:1000px;padding:0 10px}.milestone-card{background-color:#fff;background-image:linear-gradient(to top right,#0f2027,#203a43,#2c5364);border:2px solid #ffd548;border-radius:12px;box-shadow:0 4px 8px #0000001f;color:#333;color:#fff;flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1;font-family:Press Start\ 2P,cursive;min-width:220px;padding:20px;text-align:center;transition:transform .2s ease}.milestone-card:hover{transform:scale(1.03)}.milestone-card h3{color:#ffd548;font-size:14px;margin-bottom:12px}.milestone-card p{font-size:10px;line-height:1.4;margin:6px 0}@media screen and (max-width:768px){.milestone-container{align-items:center;flex-direction:column}.milestone-card{max-width:320px;width:100%}}.bonus p{align-items:center;background-color:#0006;border-radius:10px;color:#ff0;font-size:17px;justify-content:center;letter-spacing:5px;margin-top:25px;padding:1px}.bonus-inline{font-size:.95rem}.bonus-display,.bonus-inline{color:#2e7d32;font-weight:700}.bonus-display{animation:fadeInBonus .6s ease-in-out;font-size:1rem;margin-top:-6px}@keyframes fadeInBonus{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.p_nav_bar{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));border-bottom-width:1px}.c_nav_bar{height:4rem;justify-content:space-between;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.c_nav_bar,.componenet{align-items:center;display:flex}.componenet{column-gap:2rem;font-family:Press Start\ 2P,cursive;font-style:normal;font-weight:400;row-gap:2rem;text-align:left}.join{--tw-text-opacity:1;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));font-size:16px}.aboutus,.join{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity));padding:8px;text-decoration:none}.aboutus{--tw-text-opacity:1;font-size:14px}.aboutus:hover{-webkit-text-decoration:underline solid hsla(0,56%,89%,.533) 1.5px;text-decoration:underline solid hsla(0,56%,89%,.533) 1.5px}@media screen and (max-width:768px){.c_nav_bar{align-items:center;flex-direction:column}.join{margin-top:10px;text-align:center;width:100%}}.key-features{background-color:#0d1117;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:60px 20px}.features-title{color:#3b82f6;font-size:36px;font-weight:700;margin-bottom:40px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:#161b22;border-radius:12px;padding:24px;transition:box-shadow .3s ease,transform .3s ease}.feature-card:hover{box-shadow:0 0 20px #0006;transform:translateY(-5px)}.feature-icon{font-size:26px;font-weight:700;margin-bottom:10px}.icon-blue{color:#3b82f6}.icon-green{color:#22c55e}.icon-red{color:#ef4444}.icon-yellow{color:#facc15}.icon-purple{color:#a855f7}.feature-name{font-size:20px;font-weight:600;margin-bottom:10px}.feature-description{color:#cbd5e1;font-size:14px;line-height:1.5}.feature-link{color:#3b82f6;text-decoration:none}.feature-link:hover{text-decoration:underline}.footer-container{background-color:#111827;color:#fff;font-family:Segoe UI,sans-serif;padding:40px 70px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-section{flex:1 1 250px}.footer-section h2{color:#3b82f6;font-size:24px;margin-bottom:15px}.footer-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}.footer-section p{color:#cbd5e1;font-size:15px;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#cbd5e1;font-size:15px;text-decoration:none}.footer-section ul li a:hover{color:#3b82f6}.social-icons{display:flex;font-size:20px;gap:15px;margin-top:10px}.social-icons i{color:#cbd5e1;cursor:pointer;transition:color .3s ease}.social-icons i:hover{color:#3b82f6}.divider{background:#1f2937;border:0;height:1px;margin:30px 0}.footer-bottom{color:#cbd5e1;display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;padding:10px 0}.footer-bottom a{color:#3b82f6;text-decoration:none}.heart{color:red}.footer-section.links{margin-bottom:10px;margin-left:200px;margin-top:10px}
/*# sourceMappingURL=main.b17a8d5d.css.map*/