.timer-content-centered{display:flex;justify-content:center;align-items:flex-start;margin-top:2.5rem;min-height:80vh}.app-content,.app-content-padded{padding-top:5rem}.timer-content-wrapper{margin-top:2.5rem}@media (max-width: 600px){.app-content,.app-content-padded{padding-top:.5rem}.timer-content-wrapper{margin-top:0;padding-top:0;overflow-y:auto;max-height:calc(100vh - 4rem)}.timer-content-centered{margin-top:0;min-height:auto;padding:.5rem}}.back-button-global{position:fixed;top:1rem;left:1rem;background:#1e3278e6;color:var(--cream);border:2px solid var(--cream-light);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .22s ease;z-index:1200}.back-button-global:hover{background:#32468cf2;transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.back-button{position:fixed;top:1rem;left:1rem;background:#1e3278cc;color:var(--cream);border:2px solid var(--cream-light);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;z-index:1200}.back-button:hover{background:#32468ce6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.app-main-container{max-width:900px;margin:0 auto;padding:2rem}.animated-navbar{display:flex;justify-content:center;align-items:center;gap:2.5rem;background:linear-gradient(90deg,#3a4fff,#5e7cff);border-radius:18px;box-shadow:0 6px 24px #1e285a1a;padding:.7rem 2rem;position:fixed;top:1rem;left:1rem;right:1rem;animation:navbarFadeIn .8s cubic-bezier(.68,-.55,.27,1.55);z-index:1000}@keyframes navbarFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.nav-logo{font-size:2rem;font-weight:800;letter-spacing:2px;cursor:pointer;color:#fff;transition:color .2s,text-shadow .3s;text-shadow:0 2px 12px rgba(58,79,255,.1);margin-right:2rem;animation:logoPulse 2.2s infinite alternate}.nav-logo:hover{color:#ffe066;text-shadow:0 4px 24px rgba(255,224,102,.18)}@keyframes logoPulse{0%{filter:brightness(1)}60%{filter:brightness(1.3) drop-shadow(0 0 8px #ffe066)}to{filter:brightness(1)}}.nav-tabs{display:flex;gap:1.2rem}.nav-tab{background:linear-gradient(90deg,#e6eaff,#f7f8ff);border:none;padding:.7rem 2.2rem;border-radius:999px;font-size:1.08rem;font-weight:700;cursor:pointer;color:#3a4fff;box-shadow:0 2px 12px #3a4fff12;position:relative;transition:background .3s,color .3s,box-shadow .3s,transform .2s;outline:none;overflow:hidden;animation:tabPop .7s cubic-bezier(.68,-.55,.27,1.55)}.nav-tab span{position:relative;z-index:2;font-size:1.2rem;display:flex;align-items:center;gap:.3rem}.nav-tab.active{background:linear-gradient(90deg,#ffe066,#ffb347);color:#3a4fff;box-shadow:0 6px 24px #ffe0662e;transform:scale(1.08)}.nav-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffe066,#ffb347);opacity:0;transition:opacity .3s;z-index:1}.nav-tab:hover{background:linear-gradient(90deg,#dbe6ff,#e6eaff);color:#3a4fff;box-shadow:0 8px 32px #3a4fff21;transform:translateY(-2px) scale(1.04)}.nav-tab:hover:before{opacity:.18}@keyframes tabPop{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 600px){.animated-navbar{flex-direction:row;gap:.35rem;padding:.5rem;margin:.5rem .5rem 1rem;border-radius:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:sticky;top:.5rem;z-index:1000}.animated-navbar::-webkit-scrollbar{display:none}.nav-tabs{flex-direction:row;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{width:auto;min-width:fit-content;max-width:none;font-size:.8rem;padding:.5rem .85rem;white-space:nowrap;flex-shrink:0}.nav-tab span{font-size:.8rem}.app-content,.app-content-padded{padding-top:.5rem}.timer-content-wrapper{margin-top:0}}.team-form{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:2.5rem;background:#141e4680;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:1.5rem 1rem}.team-form label{font-weight:700;margin-bottom:.5rem;font-size:1.1rem;color:var(--cream-dark);display:flex;flex-direction:column;align-items:center}.team-form label input[type=text]{width:130px!important;min-width:130px;max-width:130px}.main-team-input{text-align:center;margin-bottom:.3rem}.input-label{font-weight:700;margin-bottom:.3rem;font-size:1.1rem;color:var(--cream-dark);display:block}.team-form input[type=text]{width:130px!important;min-width:130px!important;max-width:130px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:.6rem!important;margin:.2rem!important;border-radius:8px!important;border:1.5px solid #b3b3ff!important;box-sizing:border-box!important;font-size:1.05rem!important;line-height:1.2!important;transition:border .2s!important;color:#0b1a3d!important;display:inline-block!important;vertical-align:top!important}.main-team-input input[type=text],.paired-teams input[type=text]{width:130px!important;min-width:130px!important;max-width:130px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:.6rem!important;margin:.2rem!important;border-radius:8px!important;border:1.5px solid #b3b3ff!important;box-sizing:border-box!important;font-size:1.05rem!important;line-height:1.2!important;display:inline-block!important;vertical-align:top!important}.team-form input[type=text]:focus{border:2px solid #646cff;outline:none;background:#f0f4ff}.paired-teams{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:.3rem}.paired-teams h3{width:100%;margin-top:.2rem;margin-bottom:.5rem;font-size:1.1rem;color:var(--cream-dark)}.team-form button{padding:.7rem 1.4rem;border-radius:8px;border:none;background:linear-gradient(90deg,#646cff 60%,#4f4fcf);color:#fffef2;font-weight:700;cursor:pointer;margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem;box-shadow:0 1px 4px #646cff14;transition:background .2s,box-shadow .2s}.team-form button:disabled{background:#aaa;cursor:not-allowed;box-shadow:none}.warning{color:#b30000;background:#ffeaead9;border:1.5px solid rgba(255,204,204,.8);border-radius:8px;padding:.7rem 1.2rem;margin:1.2rem 0;font-size:1.05rem}.results{margin-top:2.5rem}.team-table{margin-bottom:2.2rem;background:#ffffff1a;border-radius:12px;box-shadow:0 2px 8px #646cff14;padding:1.2rem 1rem;transition:box-shadow .2s}.team-table h2{margin-bottom:1.2rem;color:var(--cream-dark);font-size:1.3rem;font-weight:800}.team-table table{width:100%;border-collapse:collapse;margin-bottom:.7rem;font-size:1.05rem}.team-table th,.team-table td{border:1.5px solid rgba(224,224,255,.5);padding:.8rem;text-align:center}.team-table th{background:linear-gradient(90deg,#646cff 60%,#4f4fcf);color:#fffef0;font-size:1.08rem}.team-table td{background:#f4f4fa26;color:#1f2a44}.team-table tr:nth-child(2n) td{background:#e9e9ff26}@media (max-width: 600px){.container{padding:1rem .2rem;max-width:98vw}.team-form input[type=text]{width:90px;font-size:.95rem}.team-table{padding:.7rem .2rem}.team-table th,.team-table td{padding:.5rem;font-size:.95rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2rem;width:90%;max-width:450px;position:relative;box-shadow:0 20px 60px #0000004d;color:#fff;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;opacity:.7;transition:opacity .3s ease}.modal-close:hover{opacity:1}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.modal-header p{margin:0;opacity:.9;font-size:.95rem;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group input{padding:1rem;border:none;border-radius:12px;font-size:1rem;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-group input::placeholder{color:#ffffffb3}.form-group input:focus{outline:none;background:#fff3;box-shadow:0 0 20px #fff3;transform:translateY(-2px)}.password-match-indicator{margin-top:.5rem;font-size:.85rem;font-weight:500;padding:.25rem 0}.password-match-indicator.match{color:#4ade80}.password-match-indicator.no-match{color:#f87171}.form-submit{padding:1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #ff6b6b66}.form-submit:disabled{opacity:.7;cursor:not-allowed}.form-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;opacity:.9}.link-button{background:none;border:none;color:#feca57;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;margin:0 .25rem;font-weight:500;transition:color .3s ease}.link-button:hover{color:#ff6b6b}.owner-panel-button{background:linear-gradient(135deg,gold,#ffed4a);color:#333;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:.5rem;box-shadow:0 2px 8px #ffd7004d}.owner-panel-button:hover{background:linear-gradient(135deg,#ffed4a,gold);transform:translateY(-1px);box-shadow:0 4px 12px #ffd70080}.user-info{display:flex;align-items:center;gap:.75rem}.user-dropdown-container{position:relative}.user-profile-button{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;border:none;border-radius:50px;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-profile-button:hover{background:#fff3;transform:translateY(-1px)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.profile-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.user-name{font-weight:600;font-size:.9rem}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.user-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;min-width:320px;max-width:400px;overflow:hidden;z-index:1000;animation:dropdownSlideInRight .2s ease-out}@keyframes dropdownSlideInRight{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.dropdown-header{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:1rem}.user-details h3{margin:0;font-size:1.1rem;font-weight:600}.user-details p{margin:.25rem 0 0;opacity:.9;font-size:.85rem}.dropdown-divider{height:1px;background:#e5e7eb;margin:0}.dropdown-section{padding:.5rem 0}.section-title{padding:.5rem 1.5rem .25rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;color:#374151;text-align:left;position:relative}.dropdown-item.feature-item{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);border-left:3px solid #0ea5e9;font-weight:500}.dropdown-item.feature-item:hover{background:linear-gradient(90deg,#e0f2fe,#bae6fd);transform:translate(2px)}.feature-badge{margin-left:auto;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.owner-item{background:linear-gradient(90deg,gold,#ffed4a);color:#333;font-weight:600}.dropdown-item.owner-item:hover{background:linear-gradient(90deg,#ffed4a,gold)}.dropdown-item.logout-item{color:#dc2626;font-weight:500}.dropdown-item.logout-item:hover{background:#fef2f2}.item-icon{font-size:1rem;width:20px;text-align:center}@media (max-width: 768px){.user-dropdown-menu{min-width:300px;max-width:90vw;left:-150px}.user-profile-button{padding:.4rem .8rem}.user-name{font-size:.85rem}.dropdown-item.feature-item{padding:.7rem 1.2rem}.feature-badge{font-size:.6rem;padding:.15rem .4rem}}@media (max-width: 768px){.login-modal{width:95%;padding:1.5rem;margin:1rem}.modal-header h2{font-size:1.5rem}.form-group input,.form-submit{padding:.875rem;font-size:.95rem}}.homepage-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;overflow-x:hidden;padding:0}.hero-section{padding:2rem 1.5rem 1.5rem;text-align:center}.hero-content{max-width:800px;margin:0 auto;animation:fadeInUp .6s ease-out}.hero-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;margin:0 0 .75rem;letter-spacing:-.03em;line-height:1;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.brand-name{background:linear-gradient(135deg,gold,#ffed4e,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.3);animation:gradientShift 4s ease infinite;background-size:200% 200%}.brand-icon{font-size:.9em;animation:bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}.hero-tagline{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;color:gold;margin:0 0 .75rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-description{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.6;color:#fff;margin:0;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.features-section{padding:1.5rem 1.5rem 2.5rem;max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{border-radius:20px;padding:2rem 1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out backwards;display:flex;flex-direction:column;border:3px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0003}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.feature-teal{background:linear-gradient(135deg,#43e97b,#38f9d7)}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px #0006,0 0 0 4px #ffffff80}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3.5rem;margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 15px rgba(0,0,0,.3));transition:transform .4s ease}.feature-card:hover .feature-icon{transform:scale(1.2) rotate(-5deg);animation:wiggle .5s ease}.feature-title{font-size:1.5rem;font-weight:800;margin:0 0 .75rem;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.2)}.feature-description{font-size:.95rem;line-height:1.5;color:#fffffff2;margin:0 0 1rem;font-weight:500}.feature-highlights{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.feature-highlights li{font-size:.875rem;color:#ffffffe6;padding:.4rem 0 .4rem 1.5rem;position:relative;font-weight:600}.feature-highlights li:before{content:"✨";position:absolute;left:0;font-size:1rem}.launch-button{background:#fffffff2;border:none;border-radius:50px;padding:.9rem 2rem;font-size:1rem;font-weight:800;color:#000;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #0003;text-transform:uppercase;letter-spacing:.5px}.launch-button .arrow{font-size:1.2rem;transition:transform .3s ease}.launch-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 8px 25px #0000004d}.launch-button:hover .arrow{transform:translate(5px)}.launch-button:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wiggle{0%,to{transform:scale(1.2) rotate(-5deg)}25%{transform:scale(1.2) rotate(-8deg)}75%{transform:scale(1.2) rotate(-2deg)}}@media (max-width: 768px){.hero-section{padding:1.5rem 1rem 1rem}.features-section{padding:1rem 1rem 2rem}.feature-card{padding:1.75rem 1.25rem}.feature-icon{font-size:3rem}.launch-button{padding:.8rem 1.75rem;font-size:.95rem}}.feature-card:focus{outline:3px solid #ffd700;outline-offset:4px}.launch-button:focus{outline:3px solid #000;outline-offset:3px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.timer-centered-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;position:fixed;left:0;top:0;z-index:999;background:transparent}.timer-container{position:fixed!important;z-index:1000!important;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 25px #0003;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.timer-container.position-dragging{z-index:99999!important;cursor:grabbing!important}.timer-container.time-scrubbing{z-index:99999!important;cursor:ns-resize!important}.timer-header{cursor:grab;-webkit-user-select:none;user-select:none}.timer-header:active{cursor:grabbing}.time-display{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.time-display:hover{background:#ffffff26!important;transform:scale(1.02)}.timer-controls button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.timer-controls button:active{transform:translateY(0)}.back-button:hover{background:#ffffff4d!important;transform:translateY(-1px)}.timer-container.position-dragging *,.timer-container.time-scrubbing *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.timer-container{transition:transform .3s ease,box-shadow .3s ease}.progress-fill{transition:width 1s ease}@media (max-width: 600px) and (orientation: portrait){.timer-container{max-width:95vw!important;width:95vw!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:1rem auto!important;padding:1rem!important}.timer-centered-wrapper{min-height:auto!important;height:auto!important;position:relative!important;padding:.5rem!important}.timer-header{margin-top:.5rem!important;padding:.5rem!important}.timer-controls{flex-direction:row!important;justify-content:center!important;gap:.5rem!important;flex-wrap:wrap!important;margin:1rem 0!important}.timer-controls button{width:auto!important;min-width:120px!important;max-width:none!important;padding:.75rem 1.5rem!important;font-size:.95rem!important}.driver-switches{flex-direction:column!important;align-items:center!important;gap:.75rem!important;margin:1rem 0!important}.driver-switches button{width:90%!important;max-width:300px!important;font-size:.95rem!important;padding:.75rem!important}.time-display{font-size:clamp(3rem,15vw,4rem)!important;padding:1rem .5rem!important}h1{font-size:clamp(1.5rem,6vw,2rem)!important}p{font-size:clamp(.85rem,3vw,1rem)!important}.progress-container{margin:1rem 0!important}}@media (max-width: 900px) and (orientation: landscape){.timer-container{max-width:98vw!important;width:98vw!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:.5rem auto!important;padding:.75rem 1.5rem!important;min-width:auto!important}.timer-centered-wrapper{min-height:auto!important;height:auto!important;position:relative!important;padding:.25rem!important}.timer-header{margin-top:0!important;padding:.5rem!important}.timer-header h1{font-size:1.5rem!important;margin:0 0 .25rem!important}.timer-header p{font-size:.9rem!important;margin:0!important}.time-display{font-size:4rem!important;padding:.75rem!important;margin:.5rem 0!important}.timer-controls{flex-direction:row!important;justify-content:center!important;gap:.75rem!important;flex-wrap:wrap!important;margin:.75rem 0!important}.timer-controls button{width:auto!important;min-width:140px!important;padding:.75rem 1.5rem!important;font-size:1rem!important}.driver-switches{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:1rem!important;margin:.75rem 0!important}.driver-switches>div,.driver-switches button,.switch-indicator{width:auto!important;min-width:200px!important;max-width:none!important;font-size:.9rem!important;padding:.75rem 1rem!important}.match-progress{margin:.75rem 0!important}.progress-bar{height:16px!important;margin-bottom:.75rem!important}.progress-milestones{font-size:.8rem!important}}.data-tracker-container{min-height:100vh;padding:2rem}.tracker-header{text-align:center;margin-bottom:3rem;position:relative}.tracker-header .back-button{position:fixed;top:1rem;left:1rem;background:#1e3278cc;color:var(--cream);border:2px solid var(--cream-light);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;z-index:1000}.tracker-header .back-button:hover{background:#32468ce6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tracker-content{max-width:1000px;margin:0 auto}.add-chart-section{background:#0a14328c;border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:center}.chart-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.add-chart-button{background:#009600cc;color:#fff;border:2px solid #00aa00;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.add-chart-button:hover{background:#00b400e6;transform:translateY(-2px);box-shadow:0 6px 16px #0096004d}.clear-data-button{background:#c83232cc;color:#fff;border:2px solid #cc3333;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.clear-data-button:hover{background:#dc4646e6;transform:translateY(-2px);box-shadow:0 6px 16px #c832324d}.month-selector{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(180,190,255,.3)}.month-selector h3{color:var(--cream-dark);margin-bottom:1rem}.month-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:600px;margin:0 auto}.month-option{background:#141e4699;color:var(--cream);border:2px solid rgba(180,190,255,.3);padding:1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.month-option:hover:not(:disabled){background:#1e3278cc;border-color:var(--cream-light);transform:translateY(-2px)}.month-option:disabled{background:#64646480;border-color:#666;color:#999;cursor:not-allowed}.charts-section{display:flex;flex-direction:column;gap:2rem}.month-chart{background:#0a14328c;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a}.month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.month-actions{display:flex;gap:.5rem;align-items:center}.export-button{background:#667eeacc;color:#fff;border:2px solid #667eea;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:600;min-width:70px;height:45px;display:flex;align-items:center;justify-content:center}.export-button:hover{background:#667eeaf2;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.csv-export{background:#228b22cc;border-color:#228b22}.csv-export:hover{background:#228b22f2;box-shadow:0 4px 12px #228b2266}.chart-download{background:#ff8c00cc;border-color:#ff8c00}.chart-download:hover{background:#ff8c00f2;box-shadow:0 4px 12px #ff8c0066}.month-box{background:#fff;color:#2c3e50;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;flex:1}.delete-month-button{background:#dc3545cc;color:#fff;border:2px solid #dc3545;padding:.8rem 1rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center}.delete-month-button:hover{background:#dc3545f2;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.month-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:#f8f9fa}.chart-content h3{text-align:center;margin-bottom:2rem}.graph-container{background:#141e4699;border-radius:16px;padding:2.5rem;margin:2rem 0;text-align:center;border:1px solid rgba(255,248,220,.1);box-shadow:0 4px 20px #00000026}.line-graph{background:#0a1428e6;border-radius:12px;padding:10px;box-shadow:inset 0 2px 8px #0000004d}.graph-labels{display:flex;justify-content:space-between;margin-top:1.5rem;color:var(--cream-light);font-size:1rem;font-weight:600;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.5px}.y-label{transform:rotate(-90deg);transform-origin:center;position:absolute;left:.5rem;top:50%;font-size:1.1rem;font-weight:700;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.3)}.x-label{text-align:center;width:100%;font-size:1.1rem;font-weight:700;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.3)}.score-summary{background:#1e327899;border-radius:8px;padding:1rem;margin-top:1rem}.summary-stats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.summary-stats span{color:var(--cream-light);font-weight:600;font-size:.9rem}.no-data-message{text-align:center;color:var(--cream-light);font-style:italic;padding:3rem;background:#141e4666;border-radius:12px;border:2px dashed rgba(180,190,255,.3)}.empty-state{text-align:center;color:var(--cream-light);padding:4rem 2rem;background:#0a14328c;border-radius:16px}.empty-state h3{color:var(--cream-dark);margin-bottom:1rem}.calendar-view{min-height:100vh;padding:2rem}.calendar-header{text-align:center;margin-bottom:3rem}.calendar-header h1{color:var(--cream-dark);font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;max-width:800px;margin:0 auto 3rem}.calendar-day{background:#141e4699;border:2px solid rgba(180,190,255,.3);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;min-height:80px;display:flex;flex-direction:column;justify-content:center;position:relative}.calendar-day:hover{background:#1e3278cc;border-color:var(--cream-light);transform:translateY(-2px)}.calendar-day.selected{background:#ffaa004d;border-color:#fa0;box-shadow:0 0 15px #ffaa004d}.calendar-day.has-score{background:#0096004d;border-color:#0a0}.calendar-day.has-score.selected{background:#fa06;border-color:#fa0}.day-number{font-weight:700;font-size:1.1rem;color:var(--cream);margin-bottom:.5rem}.day-score{background:#ffffffe6;color:#2c3e50;padding:.2rem .5rem;border-radius:6px;font-weight:600;font-size:.9rem}.score-input-section{background:#0a14328c;border-radius:16px;padding:2rem;margin:2rem auto;max-width:400px;text-align:center}.score-input-section h3{color:var(--cream-dark);margin-bottom:1.5rem}.score-form{display:flex;flex-direction:column;gap:1rem}.score-input{padding:1rem;border:2px solid rgba(180,190,255,.5);border-radius:8px;font-size:1.1rem;text-align:center;background:#fffffff2;color:#2c3e50}.form-buttons{display:flex;gap:1rem}.save-score-button,.cancel-button{flex:1;padding:1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid}.save-score-button{background:#009600cc;color:#fff;border-color:#0a0}.save-score-button:hover{background:#00b400e6;transform:translateY(-2px)}.cancel-button{background:#646464cc;color:var(--cream);border-color:#666}.cancel-button:hover{background:#787878e6;transform:translateY(-2px)}.calendar-footer{text-align:center}.done-button{background:#1e3278cc;color:var(--cream);border:2px solid var(--cream-light);padding:1rem 3rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.done-button:hover{background:#32468ce6;transform:translateY(-2px);box-shadow:0 6px 16px #1e32784d}@media (max-width: 768px){.data-tracker-container,.calendar-view{padding:1rem}.tracker-header .back-button{position:fixed;top:.5rem;left:.5rem;padding:.6rem 1rem;font-size:.9rem}.month-grid{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.calendar-day{min-height:60px;padding:.5rem}.summary-stats{flex-direction:column;text-align:center}.graph-container{padding:1rem}.line-graph{width:100%;height:auto}}@media (max-width: 480px){.calendar-grid{grid-template-columns:repeat(3,1fr)}.form-buttons{flex-direction:column}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirmation-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;margin:1rem;text-align:center;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s ease-out}.confirmation-modal h3{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.confirmation-modal p{color:#555;margin-bottom:1rem;line-height:1.4}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.confirm-button{background:#28a745e6;color:#fff;border:2px solid #28a745;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.confirm-button:hover{background:#28a745;transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.cancel-button{background:#dc3545e6;color:#fff;border:2px solid #dc3545;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-button:hover{background:#dc3545;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.modal-buttons{flex-direction:column}.confirmation-modal{margin:.5rem;padding:1.5rem}}.day-runs-view{min-height:100vh;padding:2rem;background:var(--primary-bg)}.day-runs-header{text-align:center;margin-bottom:2rem}.day-runs-header h1{color:var(--cream);font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.average-display{background:#fff8dcf2;border-radius:12px;padding:1rem 2rem;margin:1rem auto;display:inline-block;box-shadow:0 4px 12px #00000026}.average-label{color:#1e3a8a;font-weight:600;font-size:1.1rem}.average-score{color:#3b82f6;font-weight:900;font-size:1.5rem;margin-left:.5rem}.runs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;max-width:1200px;margin:0 auto 2rem}.run-input-item{background:#fff8dcf2;border-radius:12px;padding:.8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.run-input-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.run-label{color:#1e3a8a;font-weight:600;font-size:.9rem;text-align:center}.run-score-input{width:70px;padding:.4rem;border:2px solid #3b82f6;border-radius:6px;font-size:.9rem;font-weight:600;color:#1e3a8a;background:#fff;text-align:center}.run-score-input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #3b82f61a}.day-runs-footer{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.clear-runs-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.clear-runs-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media (max-width: 768px){.runs-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.day-runs-header h1{font-size:2rem}.day-runs-footer{flex-direction:column}}.mixmatch-container{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa)}.mixmatch-header{text-align:center;margin-bottom:3rem;position:relative}.mixmatch-header .back-button{position:fixed;top:1rem;left:1rem;background:#1e3278cc;color:var(--cream);border:2px solid var(--cream-light);padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;z-index:1000}.mixmatch-header .back-button:hover{background:#32468ce6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.mixmatch-header h1{font-size:3rem;color:var(--cream);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Segoe UI,Roboto,Inter,sans-serif}.mixmatch-header p{color:var(--cream)!important;font-weight:600!important;font-size:1.1rem!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;background:#0003!important;padding:.5rem 1rem!important;border-radius:8px!important;display:inline-block!important}.calculator-content{max-width:1000px;margin:0 auto}.score-sections{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;align-items:start;transform:translate(-13px)}.scoring-column{display:flex;flex-direction:column}.score-section{background:#fff8dcf2;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.2)}.score-section h2{color:#1e3a8a;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:700;font-family:Segoe UI,Roboto,Inter,sans-serif}.score-inputs{display:flex;flex-direction:column;gap:1rem}.score-input-item{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:1rem;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.score-input-item:hover{background:#3b82f626;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.score-label{display:flex;flex-direction:column;gap:.3rem}.label-text{font-weight:600;color:#1e3a8a;font-size:1rem}.point-value{font-size:.85rem;color:#3b82f6;font-weight:500}.input-controls{display:flex;align-items:center;gap:.5rem;justify-content:center}.control-button{width:35px;height:35px;border-radius:8px;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-button.minus{background:#ef4444e6;color:#fff}.control-button.minus:hover:not(:disabled){background:#ef4444;transform:scale(1.1)}.control-button.plus{background:#22c55ee6;color:#fff}.control-button.plus:hover:not(:disabled){background:#22c55e;transform:scale(1.1)}.control-button:disabled{opacity:.5;cursor:not-allowed}.score-input-field{width:60px;height:35px;text-align:center;border:2px solid #3b82f6;border-radius:6px;font-size:1rem;font-weight:600;color:#1e3a8a;background:#fff;transition:border-color .2s ease}.score-input-field:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #3b82f61a}.category-score{text-align:center;font-weight:700;font-size:1rem;color:#1e3a8a;background:#22c55e1a;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:35px}.checkbox-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.checkbox-item:hover{background:#3b82f626;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.checkbox-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-weight:600;color:#1e3a8a}.checkbox-input{display:none}.checkmark{width:24px;height:24px;border:2px solid #3b82f6;border-radius:6px;background:#fff;position:relative;transition:all .2s ease}.checkbox-input:checked+.checkmark{background:#3b82f6;border-color:#1e40af}.checkbox-input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px}.checkbox-score{text-align:center;font-weight:700;font-size:1rem;color:#1e3a8a;background:#22c55e1a;padding:.5rem;border-radius:8px;min-width:60px}.total-score-section{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:#fff8dcf2;border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:0 12px 40px #0003;border:2px solid rgba(59,130,246,.3)}.total-score-display{text-align:center}.total-score-display h2{color:#1e3a8a;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.total-score-number{font-size:4rem;font-weight:900;color:#3b82f6;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:.5rem;font-family:Segoe UI,Roboto,Inter,sans-serif}.total-score-label{font-size:1.2rem;color:#1e3a8a;font-weight:600}.calculator-actions{display:flex;flex-direction:column;gap:1rem}.clear-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.clear-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.score-breakdown{background:#fff8dcf2;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.2)}.score-breakdown h3{color:#1e3a8a;font-size:1.4rem;margin-bottom:1.5rem;text-align:center;font-weight:700}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.breakdown-item{display:flex;justify-content:space-between;padding:.8rem;background:#3b82f61a;border-radius:8px;font-weight:500;color:#1e3a8a;border:1px solid rgba(59,130,246,.2)}.breakdown-item:hover{background:#3b82f626}@media (max-width: 1024px){.score-sections{grid-template-columns:1fr;gap:1.5rem;transform:translate(0)}.scoring-column{width:100%}}@media (max-width: 768px){.mixmatch-container{padding:1rem}.mixmatch-header h1{font-size:2rem}.score-sections{grid-template-columns:1fr;gap:1rem}.score-section{padding:1.5rem}.score-input-item{grid-template-columns:1fr;text-align:center;gap:.8rem}.total-score-section{grid-template-columns:1fr;text-align:center}.total-score-number{font-size:3rem}.breakdown-grid{grid-template-columns:1fr}.checkbox-item{grid-template-columns:1fr;text-align:center}}.save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:1rem;font-size:1rem}.save-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.save-button:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:1.5rem}.modal-body p{margin-bottom:1.5rem;color:#374151;font-size:1rem}.date-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:.5rem;font-weight:600;color:#374151}.month-select,.date-input{padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.month-select:focus,.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.cancel-button{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#4b5563}.confirm-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.success-notification{position:fixed;top:2rem;right:2rem;z-index:1001;animation:slideInRight .3s ease}.success-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #10b9814d;display:flex;align-items:center;gap:.75rem;font-weight:600}.success-icon{font-size:1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}.date-selector{grid-template-columns:1fr}.modal-footer{flex-direction:column}.success-notification{top:1rem;right:1rem;left:1rem}}.about-container{max-width:600px;margin:3rem auto;background:linear-gradient(135deg,#1e3278,#2a4490);color:#fff;border-radius:18px;box-shadow:0 8px 32px #1e327826;padding:2.5rem 2rem;text-align:center;animation:fadeInUp 1s}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:1px}.about-animated{margin-bottom:1.5rem;font-size:2.2rem;animation:bounceIn 1.2s}.about-emoji{margin:0 .3rem;animation:wiggle 1.5s infinite}.about-list{list-style:none;padding:0;font-size:1.2rem;line-height:1.7}.about-list li{margin-bottom:1.1rem;background:#ffffff14;border-radius:8px;padding:.7rem}.contact-container{max-width:500px;margin:3rem auto;background:linear-gradient(135deg,#43cea2,#185a9d);color:#fff;border-radius:18px;box-shadow:0 8px 32px #43cea226;padding:2.5rem 2rem;text-align:center;animation:fadeInUp 1s}.contact-title{font-size:2.2rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:1px}.contact-animation{margin-bottom:1.5rem;font-size:2rem;animation:bounceIn 1.2s}.contact-emoji{margin:0 .3rem;animation:wiggle 1.5s infinite}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem}.contact-form input,.contact-form textarea{padding:.7rem;border-radius:8px;border:none;font-size:1rem}.contact-form textarea{min-height:80px;resize:vertical}.contact-form button{background:#ff9800;color:#fff;font-weight:700;font-size:1.1rem;padding:.8rem 2rem;border-radius:10px;border:none;box-shadow:0 4px 16px #43cea21f;transition:background .2s;cursor:pointer}.contact-form button:hover{background:#ffc107;color:#222}.contact-form button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.contact-success{background:#4caf50;color:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;font-weight:600;animation:fadeInUp .7s}.contact-error{background:#f44336;color:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;font-weight:600;animation:fadeInUp .7s}.contact-footer{font-size:1rem;margin-top:1.2rem}.contact-footer a{color:#fff;text-decoration:underline}.support-container{max-width:500px;margin:3rem auto;background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;border-radius:18px;box-shadow:0 8px 32px #4c4ba226;padding:2.5rem 2rem;text-align:center;animation:fadeInUp 1s}.support-title{font-size:2.2rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:1px}.support-animation{margin-bottom:1.5rem;font-size:2rem;animation:bounceIn 1.2s}.support-emoji{margin:0 .3rem;animation:wiggle 1.5s infinite}.support-text{font-size:1.1rem;margin-bottom:1.5rem}.paypal-button{display:inline-block;background:#ffc439;color:#222;font-weight:700;font-size:1.1rem;padding:.8rem 2rem;border-radius:10px;text-decoration:none;box-shadow:0 4px 16px #4c4ba21f;transition:background .2s;margin-top:1rem}.paypal-button:hover{background:#ffe082;color:#111}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes bounceIn{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}