:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{background-color:#b31e46}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-container{animation:fade-in .5s ease-out;animation-fill-mode:both;animation-delay:.1s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}header{background-color:#fff;width:100vw;height:96px;display:flex;justify-content:center;align-items:center;gap:16px}header .logo{height:48px;margin-right:20px}header .logo img{height:100%}header .navbar{display:flex;align-items:center;gap:24px}@media(max-width:768px){header .navbar a{display:none}}header .navbar a:hover{color:#b31e46}header .navbar a{text-decoration:none;color:#000;font-weight:600;font-size:1.125rem}@media(max-width:768px){header .navbar button{margin-left:92px!important}}header .navbar button{margin-left:540px;color:#fff;font-weight:600;font-size:1.125rem}.main-hero{position:relative;width:100vw;padding:10vh 0;display:flex;align-items:center;justify-content:center;gap:90px;overflow:hidden;background-image:linear-gradient(156deg,#c66c6c,#823242 30%,#150205);box-sizing:border-box}@media(max-width:768px){.main-hero{flex-direction:column;padding:5vh 32px 8vh;gap:30px}}.main-hero .runnergrade-pattern{width:400%;height:400%;position:absolute;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}.main-hero .hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;color:#fff;z-index:999}.main-hero .hero-content h1,.main-hero .hero-content p{margin:0;text-shadow:0px 4px 12px hsla(0,0%,0%,.2)}@media(max-width:768px){.main-hero .hero-content h1{font-size:2.5rem!important}}.main-hero .hero-content h1{font-size:3.5rem;font-weight:700}@media(max-width:768px){.main-hero .hero-content p{font-size:1.2rem!important}}.main-hero .hero-content p{font-size:1.25rem}.main-hero .hero-content button{font-size:1.25rem;font-weight:600;padding:1rem 2rem}@media(max-width:768px){.main-hero .hero-image{order:-1;display:flex;justify-content:center;align-items:center;height:320px!important}}.main-hero .hero-image{z-index:999;height:640px}.customizable-slab{position:relative;width:400px;height:640px;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}@media(max-width:768px){.customizable-slab{transform:scale(.5)}}.customizable-slab .slab{position:relative;width:100%;height:100%;background-image:url(/slab_slab.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:999}.customizable-slab .backdrop{position:absolute;width:90%;height:94%;top:2.25%;border-radius:2%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.customizable-slab .grade{position:absolute;width:80%;top:4.25%}.customizable-slab .runner-name{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:14.5%;top:6.5%;font-size:85%}.customizable-slab .runner-mark{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:14.5%;top:9.6%;font-size:65%}.customizable-slab .race-date{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:14.5%;top:12.25%;font-size:40%}.customizable-slab .race-name{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:12.5%;top:16%;font-size:60%;color:#fff}.customizable-slab .photo-frame{position:absolute;width:80%;bottom:7%;transition:all .25s ease}.customizable-slab .photo-placeholder{position:absolute;background-color:#fff;width:62%;height:60%;bottom:12%;background-size:cover;background-position:center}.customizable-slab .card-bib{position:absolute;width:0;display:flex;justify-content:center;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;right:34%;top:30.4%;font-size:65%;color:#fff}.customizable-slab .card-name{position:absolute;width:0;display:flex;justify-content:center;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;left:38.5%;bottom:14%;font-size:65%;color:#fff}.how-it-works{display:flex;flex-direction:column;align-items:center;padding:4rem 0 6rem;gap:24px;box-sizing:border-box}@media(max-width:768px){.how-it-works{padding:2rem 32px 3rem;gap:0}}@media(max-width:768px){.how-it-works h2{font-size:2rem!important}}.how-it-works h2{font-size:2.5rem;font-weight:700}.how-it-works .steps{display:flex;gap:72px}@media(max-width:768px){.how-it-works .steps{flex-direction:column;gap:12px}}.how-it-works .steps .step{width:400px;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.how-it-works .steps .step h3{font-size:1.2rem!important}}.how-it-works .steps .step h3{font-size:1.5rem;font-weight:600}.how-it-works .steps .step p{font-size:1.2rem;text-align:center}@media(max-width:768px){.how-it-works .steps .step .icon{width:100px!important;height:100px!important}}.how-it-works .steps .step .icon{width:200px;height:200px;display:flex;justify-content:center;align-items:center;background-color:#b31e46;border-radius:100%}.how-it-works .steps .step .icon img{height:50%;color:#fff}.testimonials{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff;background-image:linear-gradient(320deg,#9d9595,#5e5557 30%,#100a0b);padding:4rem 0 6rem;box-sizing:border-box}@media(max-width:768px){.testimonials{padding:2rem 32px 3rem}}.testimonials .runnergrade-pattern{width:400%;height:400%;position:absolute;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}@media(max-width:768px){.testimonials h2{font-size:2rem!important}}.testimonials h2{text-align:center;font-size:2.5rem;font-weight:700}.testimonials .testimonial-cards{display:flex;gap:64px;margin-top:2rem}@media(max-width:768px){.testimonials .testimonial-cards{flex-direction:column;gap:32px}}.testimonials .testimonial-cards .testimonial-card{background:#0003;border-radius:24px;padding:1.5rem;max-width:300px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.testimonials .testimonial-cards .testimonial-card p{font-size:1.2rem!important}}.testimonials .testimonial-cards .testimonial-card p{font-size:1.5rem;margin-bottom:1rem}.testimonials .testimonial-cards .testimonial-card h3{font-size:1.25rem;font-weight:600;margin:0}.footer{display:flex;justify-content:center;align-items:center;font-size:1.2rem;padding:1rem}.footer img{height:24px;margin-right:16px}.create-container{animation:pop-up .5s ease-out;animation-delay:.1s;animation-fill-mode:both}.creator{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;min-width:100vw;background-image:linear-gradient(156deg,#c66c6c,#823242 30%,#150205)}@media(max-width:768px){.creator{flex-direction:column}}.creator .runnergrade-pattern{width:400%;height:400%;position:absolute;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}.creator .logo{position:absolute;width:64px;top:24px;left:24px}.creator .item-number{position:absolute;top:32px;right:632px;color:#fff;font-size:48px;font-weight:700;line-height:48px}@media(max-width:768px){.creator .item-number{right:32px}}.creator .slab-preview{flex:1;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.creator .slab-preview .customizable-slab{transform:scale(.65)!important}}.creator .slab-preview .customizable-slab{transform:scale(1.25)}.creator .sidebar{z-index:999;box-sizing:border-box;min-height:100vh;width:600px;padding:48px;display:flex;flex-direction:column;gap:24px;background-color:#fff}@media(max-width:768px){.creator .sidebar{width:100vw;height:auto;min-height:auto!important}}.creator .sidebar h2{margin:0;font-size:2rem;font-weight:700}.creator .sidebar p,.creator .sidebar label{margin:0;font-size:1.125rem}.creator .sidebar input{padding:.8rem 1rem;border:1px solid #d4d4d8;border-radius:8px;font-size:1.125rem;outline:none;transition:border-color .2s;background:#fff;color:#18181b}.creator .sidebar input:focus{border-color:#b31e46;box-shadow:0 0 0 2px #b31e461a}.creator .sidebar input::placeholder{color:#a1a1aa}.creator .sidebar .input-group{display:flex;flex-direction:column;gap:8px}.creator .sidebar .next-step{margin-top:auto;padding:16px 24px;color:#fff;border:none;border-radius:8px;font-size:1.25rem;font-weight:600;cursor:pointer}.creator .sidebar .next-step:hover{background-color:#b31e46}@media(max-width:768px){.creator .sidebar .next-step{margin-top:32px}}.creator .sidebar .dropzone{width:100%;height:200px;border:2px dashed #d4d4d8;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;transition:all .3s ease;cursor:pointer;margin-top:1rem}.creator .sidebar .dropzone:hover,.creator .sidebar .dropzone.active{border-color:#823242;background-color:#ff64a20d}.creator .sidebar .dropzone .dropzone-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;text-align:center;padding:1rem}.creator .sidebar .dropzone .dropzone-label .icon{font-size:2.5rem;margin-bottom:.5rem}.creator .sidebar .dropzone .dropzone-label span{font-weight:500;color:#18181b}.creator .sidebar .color-options{display:flex;gap:16px;flex-wrap:wrap}.creator .sidebar .color-options .color-btn{width:40px;height:40px;border-radius:50%;outline:3px solid transparent;cursor:pointer;transition:all .3s ease}.creator .sidebar .color-options .color-btn.active{outline-color:#1e0b0f;box-shadow:0 0 0 2px #82324233}.creator .sidebar .summary{background-color:#f4f4f5;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.creator .sidebar .summary .summary-item{display:flex;flex-direction:column;font-size:.95rem}.creator .sidebar .summary .summary-item span{color:#71717a}.creator .sidebar .summary .summary-item strong{color:#18181b}.creator .sidebar .pricing{border-top:1px solid #e4e4e7;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.creator .sidebar .pricing .price-row{display:flex;justify-content:space-between;color:#52525b}.creator .sidebar .pricing .price-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.2rem;margin-top:.5rem;color:#18181b}.creator .sidebar .add-more-options{margin-top:auto;display:flex;flex-direction:column;gap:1rem;width:100%}.creator .sidebar .add-more-options .secondary-btn{background-color:transparent;border:2px solid #b31e46;color:#b31e46;font-size:1.25rem;font-weight:600;padding:14px 24px}.creator .sidebar .add-more-options .secondary-btn:hover{background-color:#b31e460d}.creator .sidebar .cart-summary{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-height:300px;overflow-y:auto}.creator .sidebar .cart-summary .summary-card{background-color:#f4f4f5;border-radius:8px;padding:1rem;border:1px solid #e4e4e7}.creator .sidebar .cart-summary .summary-card .summary-header{margin-bottom:.5rem;color:#b31e46;font-size:.9rem}.creator .sidebar .cart-summary .summary-card .summary-details p{margin:0;font-size:.9rem;color:#52525b;line-height:1.4}.cpanel-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;min-width:100vw}@media(max-width:768px){.cpanel-container{flex-direction:column}}.cpanel-container .runnergrade-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(156deg,#c66c6c,#823242 30%,#150205);z-index:-1}.cpanel-container .runnergrade-pattern{position:fixed;width:400%;height:400%;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}.cpanel-container .logo{position:absolute;width:64px;top:24px;left:24px}.cpanel-container .title-text{position:absolute;top:32px;right:32px;color:#fff;font-size:48px;font-weight:700;line-height:48px}.cpanel-container .login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.cpanel-container .login-modal{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:400px;text-align:center}.cpanel-container .login-modal h2{margin:0 0 1.5rem;color:#000;font-size:1.5rem;font-weight:600}.cpanel-container .login-modal form{display:flex;flex-direction:column;gap:1rem}.cpanel-container .login-modal form input{padding:.8rem 1rem;border:1px solid #d4d4d8;border-radius:8px;font-size:1.125rem;outline:none;transition:border-color .2s;background:#fff;color:#18181b}.cpanel-container .login-modal form input:focus{border-color:#b31e46;box-shadow:0 0 0 2px #b31e461a}.cpanel-container .login-modal form input::placeholder{color:#a1a1aa}.cpanel-container .login-modal form button{padding:12px;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s}.cpanel-container .login-modal form button:hover{background-color:#b31e46;transform:translateY(-1px)}.cpanel-container .login-modal form button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.cpanel-container .login-modal .error{color:#d32f2f;margin-top:1rem;font-size:.9rem;background-color:#ffebee;padding:8px;border-radius:4px}.cpanel-container .orders-data{position:absolute;top:96px;z-index:999;width:100vw;max-width:900px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.cpanel-container .orders-data .order-card{display:flex;flex-direction:column;background-color:#f4f4f5;border-radius:8px;padding:1rem;border:1px solid #e4e4e7}.cpanel-container .orders-data .order-card .header{display:flex;justify-content:space-between;align-items:center;color:#b31e46;font-size:1.125rem;font-weight:600}.cpanel-container .orders-data .order-card .header label{display:flex;flex-direction:column;font-size:1.5rem}.cpanel-container .orders-data .order-card .header label label{font-size:.9rem;color:#0003}.cpanel-container .orders-data .order-card .header .actions{display:flex;gap:8px}.cpanel-container .orders-data .order-card .order-details .slab{margin-top:16px}.cpanel-container .orders-data .order-card .order-details .slab p{margin:0 0 4px;font-size:.9rem}.cpanel-container .orders-data .order-card .order-details .slab img{height:200px;width:auto;border-radius:8px;margin-top:4px}.run-id{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:100vw;animation:pop-up .5s ease-out;animation-delay:.1s;animation-fill-mode:both}@keyframes pop-up{0%{opacity:0;transform:translateY(10vw)}to{opacity:1;transform:translateY(0)}}.run-id .bg{display:flex;justify-content:center;align-items:center;position:relative;height:300px;width:100vw;background-image:linear-gradient(156deg,#c66c6c,#823242 30%,#150205)}.run-id .bg .runnergrade-pattern{width:400%;height:800%;position:absolute;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}.run-id .bg .logo{position:absolute;width:64px;top:24px;left:24px}.run-id .run-info{z-index:999;width:100vw;display:flex;flex-direction:column;align-items:center;background-color:#fff}.run-id .run-info .run-image{width:calc(100vw - 96px);max-width:320px;transform:translateY(-150px)}.run-id .run-info .qr-container{transform:translateY(-80px)}.run-id .run-info .qr-container canvas{width:128px!important;height:128px!important;border-radius:8px;outline:3px solid #b31e46}.run-id .run-info .run-details{margin-top:32px;transform:translateY(-150px)}.run-id .run-info .run-details>a{text-decoration:none}.run-id .run-info .run-details>div,.run-id .run-info .run-details .run-cert{width:calc(100vw - 72px);max-width:320px;background-color:#000;color:#fff;padding:8px 16px;margin:4px 0;border-radius:8px;font-size:18px;font-weight:500;text-decoration:none}