:root{font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}.header{width:100%;height:80px;background-color:#f3f3f3;position:relative}.header__inner{height:100%;padding:16px 47px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.header__logo{font-size:42px;line-height:1;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1001;font-family:"Cinzel-VariableFont_wght.ttf",serif}.header__logoBlack{color:#111;font-weight:700}.header__logoBlue{color:#79c6e6;font-weight:700}.header__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.header__hamburger-line{width:25px;height:3px;background-color:#111;transition:all .3s ease}.header__hamburger-line--open:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.header__hamburger-line--open:nth-child(2){opacity:0}.header__hamburger-line--open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.header__nav{height:80px;display:flex;align-items:center;justify-content:flex-end;gap:42px;flex:1;min-width:0}.header__link{font-size:16px;line-height:20px;color:#111;text-decoration:none}.header__link:hover{text-decoration:underline}@media(max-width:390px){.page--completed .header{display:none}.header{position:absolute;top:30px;left:0;right:0;z-index:100;background-color:transparent}.header__inner{padding:16px 20px;background-color:#f3f3f3}.header__logo{font-size:32px}.header__hamburger{display:flex}.header__nav{position:fixed;top:110px;right:-100%;width:250px;height:calc(100vh - 110px);background-color:#8bcade;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30px 20px;gap:30px;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000}.header__nav--open{right:0}.header__link{font-size:18px;width:100%;padding:10px 0}}.footer{width:100%;height:80px;background-color:#f3f3f3}.footer__inner{height:100%;padding:16px 83px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.footer__logo{font-size:26px;line-height:1;letter-spacing:.4px;-webkit-user-select:none;user-select:none;white-space:nowrap}.footer__logoBlack{color:#111;font-weight:700}.footer__logoBlue{color:#79c6e6;font-weight:700}.footer__nav{width:580px;height:50px;display:flex;align-items:center;justify-content:flex-end;gap:40px}.footer__link{font-size:16px;color:#111;text-decoration:none}.footer__link:hover{text-decoration:underline}@media(max-width:390px){.footer__logo{display:none}.footer__inner{justify-content:center;padding:16px 20px}.footer__nav{width:100%;justify-content:space-evenly;gap:20px}.footer__link{font-size:12px}}.home{width:100%;flex:1;display:flex;flex-direction:column;font-family:Marko One,sans-serif}.home__hero{width:100%;height:80vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-image:url(/TimeKeeper/assets/home-BTscOQ3S.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:80px 20px}.home__title{font-size:42px;font-weight:400;color:#000;background:#ffffffb3;padding:20px 40px;border-radius:20px;text-align:center;margin:0}.home__cta{font-size:32px;font-weight:400;color:#0b1b22;background:#8bcade;border:0;border-radius:50px;padding:16px 48px;cursor:pointer;box-shadow:0 8px 20px #00000026;transition:transform .2s ease,filter .2s ease;width:300px}.home__cta:hover{transform:translateY(-2px);filter:brightness(1.05)}.home__cta:active{transform:translateY(0)}.home__description{max-width:900px;margin:32px auto;padding:0 40px;text-align:center}.home__description p{font-size:18px;line-height:1.7;color:#333;margin-bottom:20px}.home__types{width:100%}.home__types-title{font-size:52px;font-weight:700;text-align:center;margin:8px 0 60px;color:#000;line-height:54px}.home__cards{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;font-family:inter,sans-serif}.home__card{background:#5aaacde6;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 4px 12px #00000014}.home__card-image{width:180px;height:180px;margin:0 auto 24px;border-radius:50%;overflow:hidden}.home__card-image img{width:100%;height:100%;object-fit:cover}.home__card-title{font-size:32px;line-height:56px;font-weight:400;margin:0 0 16px;color:#000;background:#5aaacd00}.home__card-text{font-size:16px;line-height:20px;color:#000;margin:0;font-weight:400;background:#5aaacd00}.home__card-more{font-size:14px;margin-top:10px;line-height:20px;font-weight:600}.home__quote{max-width:1100px;display:flex;justify-content:center;width:100%;margin:40px auto 32px;padding:30px 0;text-align:center;background:#5aaacd66;font-size:16px;border-radius:35px}.home__quote p{font-size:36px;font-weight:400;line-height:56px;max-width:80%;color:#000;font-style:italic;background:#5aaacd00}@media(max-width:390px){.home__hero{height:100vh;padding:110px 20px 20px;justify-content:flex-start;position:relative}.home__title{font-size:20px;font-weight:700;background:none;padding:10px 20px;border-radius:0;margin:0;width:100%;text-align:center}.home__cta{font-size:18px;width:180px;padding:12px 28px;position:absolute;bottom:120px}}.about{width:100%;flex:1;display:flex;flex-direction:column;font-family:Marko One,sans-serif;background:center / cover no-repeat url(/TimeKeeper/assets/aboutUs-D45T44cD.jpg)}.about__hero{text-align:center;padding:80px 20px 40px}.about__title{font-size:48px;font-weight:700;margin:0 0 16px;color:#000}.about__subtitle{font-size:20px;color:#000;margin:0}.about__team{max-width:900px;margin:40px auto;padding:0 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.about__member{text-align:center;padding:30px;background:#5aaacd00;border-radius:16px}.about__member h2{font-size:24px;margin:0 0 8px;color:#000}.about__member p{font-size:16px;color:#000;margin:0}@media(max-width:390px){.about__hero{padding:120px 0 0}.about__title{font-size:36px}.about__subtitle{font-size:16px}.about__team{padding:0;gap:8px;display:flex;flex-direction:column;align-items:center;background:#ffffff80}.about__member{padding:20px}}.idle{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:0;background:center / cover no-repeat url(/TimeKeeper/assets/idleView-BC7bANWY.jpg)}.idle__panel{width:min(680px,90vw);height:min(520px,60vh);min-height:420px;background:#fff;border-radius:18px;padding:34px 40px 30px;box-shadow:0 18px 40px #0000002e;display:flex;flex-direction:column;align-items:center}.idle__topRow{width:100%;display:flex;justify-content:space-between;gap:18px;padding-top:30px;margin:0}.idle__pill{width:300px;height:104px;border:0;border-radius:40px;cursor:pointer;background:#cfcfcf;color:#111;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:80px;display:inline-flex;align-items:center;justify-content:center}.idle__pill:hover{background:#00000029}.idle__pill:active{transform:translateY(1px)}.idle__selected{margin:32px 0 40px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:500;font-size:112px;line-height:1;color:#111;transform:translateY(4px)}.idle__start{width:280px;height:56px;border:0;border-radius:999px;cursor:pointer;background:#8bcade;color:#0b1b22;font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 20px #0000002e}.idle__start:hover{filter:brightness(1.02)}.idle__start:active{transform:translateY(1px)}.idle__addTask{width:min(680px,90vw);height:58px;border-radius:999px;border:2px solid rgba(0,0,0,.08);background:#ffffffeb;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:16px;box-shadow:0 10px 18px #0000001a}.idle__addTask:hover{background:#5aaacd}.idle__addIcon{font-size:18px;line-height:1;background:#5aaacd00}@media(max-width:390px){.idle__panel{padding:28px 22px 24px;width:350px;min-height:358px;height:358px}.idle__pill{width:46%;height:48px;font-size:18px}.idle__selected{font-size:87px}.idle__start{width:240px;height:52px}.idle__addTask{height:54px}}.countdown{width:100%;min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:fixed;inset:0;background-image:url(/TimeKeeper/assets/idleView-BC7bANWY.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:100}.countdown:before{content:"";position:absolute;inset:0;background:#fff9;z-index:1}.countdown--paused:before{background:#000000bf}.countdown--paused .countdown__time{color:#c75100}.countdown__container{display:flex;flex-direction:column;align-items:center;gap:40px;position:relative;z-index:2}.countdown__ring{position:relative;width:min(400px,85vw);height:min(400px,85vw);display:grid;place-items:center}.countdown__svg{width:100%;height:100%;transform:rotate(-90deg)}.countdown__circle{fill:none;stroke-width:12}.countdown__circle--bg{stroke:#5aaacd66}.countdown__circle--progress{stroke:#5aaacd;stroke-linecap:round;stroke-dasharray:534;stroke-dashoffset:534;transition:stroke-dashoffset .3s linear}.countdown__time{position:absolute;font-size:76px;font-weight:800;color:#4caf50;letter-spacing:2px;text-align:center;font-family:Poppins-SemiBold,Inter,sans-serif}.countdown__controls{display:flex;gap:20px;padding:20px 30px;background:#ffffffb3;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 4px 12px #00000014}.countdown__btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 28px;border:0;background:transparent;cursor:pointer;font-weight:700;color:#000c;transition:transform .15s ease;min-width:100px}.countdown__btn:hover{transform:translateY(-2px);color:#5aaacdb3}.countdown__btn:active{transform:translateY(0)}.countdown__icon{font-size:32px;line-height:1}.countdown__btn--pause .countdown__icon,.countdown__btn--reset .countdown__icon{font-size:36px}@media(max-width:390px){.countdown__controls{padding:0}}.completed{width:100%;flex:1;display:flex;flex-direction:column;background:#d9d9d9}.completed__main{flex:1;display:flex;justify-content:center;background-image:url(/TimeKeeper/assets/confetti-C4b5qiow.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 0 60px}.completed__content{width:1440px;max-width:100%;text-align:center;padding:135px 24px 0}.completed__timer{width:610px;height:250px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-family:Inter,cursive;font-size:160px;font-weight:700;line-height:1;color:#fff;text-shadow:14px 12px 0 rgba(80,210,255,.35)}.completed__title{margin:-17px 0 0;font-family:Italianno,cursive;font-size:120px;font-weight:400;line-height:100%;letter-spacing:.05em;color:#000}.completed__subtitle{margin:46px 0 0;font-family:Marko One,serif;font-size:42px;font-weight:400;line-height:56px;letter-spacing:-.015em;color:#fff}.completed__meta{margin:25px 0 0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;font-weight:400;line-height:56px;letter-spacing:-.015em;color:#000}.completed__button{margin:32px auto 0;width:300px;height:45px;display:inline-flex;align-items:center;justify-content:center;font-family:Marko One,serif;font-size:32px;font-weight:400;line-height:44px;letter-spacing:-.015em;color:#000;border:1px solid rgba(0,0,0,.22);border-radius:22px;background:#fff;box-shadow:0 6px #0000001f;cursor:pointer}.completed__button:hover{transform:translateY(-1px)}.completed__button:active{transform:translateY(0);box-shadow:0 4px #0000001f}.completed__timer-haptic{display:inline-block;animation:completed-haptic .65s ease-in-out both}@media(prefers-reduced-motion:reduce){.completed__timer-haptic{animation:none}}@keyframes completed-haptic{0%{transform:translateZ(0) rotate(0) scale(1)}10%{transform:translate3d(-2px,1px,0) rotate(-1deg) scale(1.02)}20%{transform:translate3d(2px,-1px,0) rotate(1deg) scale(1.02)}30%{transform:translate3d(-3px,2px,0) rotate(-1.5deg) scale(1.03)}40%{transform:translate3d(3px,-2px,0) rotate(1.5deg) scale(1.03)}55%{transform:translate3d(-2px,1px,0) rotate(-1deg) scale(1.02)}70%{transform:translate3d(2px,-1px,0) rotate(1deg) scale(1.02)}85%{transform:translate3d(-1px,0,0) rotate(-.5deg) scale(1.01)}to{transform:translateZ(0) rotate(0) scale(1)}}@media(max-width:390px){.completed__content{padding-top:120px}.completed__timer{width:300px;height:150px;font-size:80px;text-shadow:8px 7px 0 rgba(80,210,255,.32)}.completed__title{font-size:60px;margin-top:-10px}.completed__subtitle{margin-top:24px;font-size:18px;line-height:28px}.completed__meta{margin-top:16px;font-size:16px;line-height:24px;font-weight:600}.completed__button{width:220px;height:40px;font-size:18px;line-height:24px;background:#fff}}.page{font-family:Cabinet Grotesk,fantasy;display:flex;justify-content:center;align-items:center;padding:0;min-height:100vh;max-height:100vh;font-family:Marko One}.page__content{font-size:20px;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between}@font-face{font-family:Marko One;font-style:normal;font-weight:400;src:url(/TimeKeeper/assets/MarkoOne-Regular-cuKClhFW.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/TimeKeeper/assets/Inter_24pt-Regular-BPx6xqqj.ttf) format("truetype")}@font-face{font-family:Italianno;font-style:normal;font-weight:400;src:url(/TimeKeeper/assets/Italianno-Regular-DKBB9dWC.ttf) format("truetype")}@font-face{font-family:Poppins-SemiBold;font-style:semi-bold;font-weight:600;src:url(/TimeKeeper/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/TimeKeeper/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype")}@font-face{font-family:"Cinzel-VariableFont_wght.ttf";font-style:bold;font-weight:700;src:url(/TimeKeeper/assets/Cinzel-VariableFont_wght-DZQWFA9o.ttf) format("truetype")}