@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Orbitron:wght@400..900&family=Mulish:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{--toxic-green: #010b3e;--dark-green: #010b3e;--olive-yellow: #D3AF37;--pure-black: #010b3e;--charcoal: #010b3e;--ash-grey: #010b3e;--light-grey: #010b3e;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", monospace;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:#fff;color:#010b3e;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{position:relative;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#010b3e;font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:#d3af37}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none;transition:all var(--transition-smooth)}.btn-primary{padding:14px 32px;background:#010b3e;color:#fff;font-weight:600;font-size:16px;border-radius:4px;border:2px solid #D3AF37;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:#010b3e;transform:translateY(-2px);box-shadow:0 8px 24px #010b3e66,0 0 20px #c4a7474d;border-color:#d4b857}.btn-secondary{padding:14px 32px;background:transparent;color:#010b3e;border:2px solid #D3AF37;font-weight:600;font-size:16px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:#010b3e;color:#fff;border-color:#d4b857;transform:translateY(-2px);box-shadow:0 0 20px #c4a7474d}.section-wrapper{min-height:100vh;padding:100px 20px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(40px) translateZ(0);transition:all .8s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;backface-visibility:hidden;contain:layout style}.section-wrapper.section-visible{opacity:1;transform:translateY(0) translateZ(0)}.section-content{max-width:1200px;width:100%;margin:0 auto}.section-title{font-size:clamp(28px,5vw,48px);text-align:center;margin-bottom:16px;color:#010b3e;text-transform:uppercase;letter-spacing:2px;font-family:BBH Bartle,cursive;opacity:0;transform:translate(-50px) scale(.9);filter:blur(5px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-wrapper.section-visible .section-title{opacity:1;transform:translate(0) scale(1);filter:blur(0);animation:titleSlideInFromLeft .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes titleSlideInFromLeft{0%{opacity:0;transform:translate(-50px) scale(.9);filter:blur(5px);letter-spacing:8px}60%{transform:translate(5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0);letter-spacing:2px}}.section-subtitle{text-align:center;font-size:.7rem;color:#010b3e;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;text-transform:uppercase;opacity:0;letter-spacing:.3rem;transform:translateY(20px);transition:opacity .8s cubic-bezier(.4,0,.2,1) .2s,transform .8s cubic-bezier(.4,0,.2,1) .2s}.section-wrapper.section-visible .section-subtitle{opacity:.8;transform:translateY(0)}.logo-accent{color:#d3af37}.title-accent{color:#010b3e}.title-highlight{color:#d3af37!important;text-shadow:none!important;display:inline}@media(max-width:1200px){html{font-size:15px}.section-wrapper{padding:80px 20px}}@media(max-width:968px){html{font-size:15px}.section-wrapper{padding:70px 20px;min-height:auto}.section-title{font-size:2rem;margin-bottom:12px;letter-spacing:1.5px}.section-subtitle{font-size:.65rem;margin-bottom:36px;letter-spacing:.25rem}.btn-primary,.btn-secondary{font-size:14px;padding:12px 28px}}@media(max-width:768px){html{font-size:14px}body{line-height:1.5}.section-wrapper{padding:60px 15px}.section-content{padding:0 10px}.section-title{font-size:1.75rem;margin-bottom:10px;letter-spacing:1px}.section-subtitle{font-size:.6rem;margin-bottom:28px;letter-spacing:.2rem}.btn-primary,.btn-secondary{font-size:13px;padding:11px 24px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}}@media(max-width:640px){html{font-size:13.5px}body{line-height:1.4}.section-wrapper{padding:50px 12px;min-height:auto}.section-title{font-size:1.5rem;margin-bottom:8px;letter-spacing:.8px}.section-subtitle{font-size:.55rem;margin-bottom:20px;letter-spacing:.15rem}.btn-primary,.btn-secondary{font-size:12px;padding:10px 20px;height:40px}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}h4{font-size:1rem}}@media(max-width:480px){html{font-size:13px}body{line-height:1.35}.section-wrapper{padding:40px 10px}.section-content{padding:0}.section-title{font-size:1.3rem;margin-bottom:6px;letter-spacing:.5px}.section-subtitle{font-size:.5rem;margin-bottom:18px;letter-spacing:.1rem}.btn-primary,.btn-secondary{font-size:11px;padding:9px 18px;width:100%}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}h4{font-size:.9rem}a{-webkit-tap-highlight-color:transparent}input,button,select,textarea{font-size:16px}}@font-face{font-family:BBH Bartle;src:url(https://fonts.gstatic.com/s/bbhbartle/v1/zYXjKVYuMYMaN-IMqP3RSm4.ttf) format("truetype");font-weight:400;font-style:normal}.bbh-bartle{font-family:BBH Bartle,cursive!important;font-weight:400!important;font-style:normal!important}.mulish-500{font-family:Mulish,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.dm-sans-500{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.cutive-mono-regular{font-family:Cutive Mono,monospace;font-weight:400;font-style:normal}.orbitron{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:100;font-size:1.2rem;letter-spacing:.1rem;word-spacing:.2em;opacity:.85;font-style:normal}.breaking-bad{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;letter-spacing:.15em;text-transform:uppercase}.title-highlight{color:#010b3e;text-shadow:0 0 10px rgba(1,11,62,.5),0 0 20px rgba(1,11,62,.4),0 0 30px rgba(1,11,62,.3);font-weight:700}.neon-glow{color:#010b3e;text-shadow:0 0 5px rgba(1,11,62,.6),0 0 10px rgba(1,11,62,.5),0 0 20px rgba(1,11,62,.4),0 0 40px rgba(196,167,71,.4),0 0 60px rgba(196,167,71,.3),0 0 80px rgba(196,167,71,.2);animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 5px rgba(1,11,62,.6),0 0 10px rgba(1,11,62,.5),0 0 20px rgba(1,11,62,.4),0 0 40px rgba(196,167,71,.4),0 0 60px rgba(196,167,71,.3),0 0 80px rgba(196,167,71,.2)}50%{text-shadow:0 0 10px rgba(1,11,62,.8),0 0 20px rgba(1,11,62,.6),0 0 30px rgba(1,11,62,.5),0 0 50px rgba(196,167,71,.5),0 0 70px rgba(196,167,71,.4),0 0 100px rgba(196,167,71,.3)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),rgba(255,255,255,.5),rgba(255,255,255,.3),transparent);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-150%}50%{left:150%}to{left:150%}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{overflow-x:hidden}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background:transparent}body:before{content:"";position:fixed;top:30%;left:-30%;width:100%;height:100%;background-image:url(/bg.webp);background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:100%;transform:rotate(30deg);opacity:.4;z-index:0;pointer-events:none}@media(max-width:768px){body:before{width:150%;height:150%;background-size:150%;top:20%;left:-50%;opacity:.3}}@media(max-width:480px){body:before{width:200%;height:200%;background-size:200%;top:10%;left:-60%;opacity:.3}}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;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home{width:100%;position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section{position:relative;overflow:hidden;background:transparent;min-height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(30px,5vw,50px) clamp(16px,3vw,30px)}.hero-content{position:relative;z-index:10;text-align:center;max-width:1200px;margin:0 auto;width:100%;padding:0}.hero-title{font-size:clamp(2.5rem,10vw,6rem);font-weight:900;margin-bottom:clamp(8px,1.5vw,16px);line-height:1;letter-spacing:.1rem}.hero-institute{opacity:.7;color:#010b3e;letter-spacing:.15rem;text-transform:uppercase;margin-top:clamp(.5rem,1vw,.8rem);margin-bottom:clamp(.5rem,1vw,.8rem);font-size:clamp(.7rem,1.2vw,.9rem);<<<<<<< HEAD =======}.settings-link{margin:1rem 0;text-align:center}.settings-btn{display:inline-block;padding:.8rem 1.5rem;background:#00d4ff;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.settings-btn:hover{background:#00b8e6;transform:translateY(-2px);>>>>>>> 5d5bd7d (fg)}.minihack-countdown{margin:clamp(.5rem,1vw,1rem) 0;padding:clamp(.3rem,.8vw,.8rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-title{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;color:#010b3e;margin-bottom:clamp(.5rem,1vw,.8rem);letter-spacing:1.5px;text-transform:uppercase}.countdown-idle{padding:clamp(.8rem,1.5vw,1.2rem)}.idle-message{text-align:center}.idle-text{font-size:clamp(1rem,2.2vw,1.5rem);color:#010b3eb3;margin-bottom:.6rem}.idle-subtitle{font-size:clamp(.8rem,1.2vw,.95rem);color:#010b3e80}.countdown-active{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,15px)}.countdown-timer-large{margin:clamp(10px,1.5vw,15px) 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-digits-large{font-size:clamp(4rem,8vw,6rem);font-weight:800;letter-spacing:clamp(4px,.8vw,8px);line-height:1;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.4)}.countdown-label-large{font-size:clamp(1rem,1.8vw,1.4rem);letter-spacing:clamp(1px,.3vw,2px);margin-top:clamp(8px,1.2vw,12px);color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.3);font-weight:600;text-transform:uppercase}.countdown-break{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,15px)}.break-badge-large{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:#ff4757;text-shadow:0 0 15px rgba(255,71,87,.5);margin-bottom:clamp(6px,1.2vw,12px);letter-spacing:clamp(1.5px,.4vw,3px)}.break-text-large{font-size:clamp(.9rem,1.5vw,1.2rem);color:#0f8;margin-bottom:clamp(10px,1.8vw,18px);font-weight:600;text-shadow:0 0 10px rgba(0,255,136,.3)}.break-countdown-small{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vw,8px);padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,20px);background:#ff47571a;border:2px solid rgba(255,71,87,.3);border-radius:12px;margin-bottom:clamp(10px,1.8vw,15px)}.break-countdown-label{font-size:clamp(.75rem,1.2vw,.95rem);color:#ff4757;font-weight:600;text-transform:uppercase;letter-spacing:1px}.break-countdown-time{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;color:#ff4757;text-shadow:0 0 15px rgba(255,71,87,.4);letter-spacing:2px}.countdown-ended{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,12px)}.ended-text-large{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;color:#ff4757;text-shadow:0 0 20px rgba(255,71,87,.5);margin-bottom:clamp(8px,1.5vw,12px);letter-spacing:clamp(2px,.6vw,4px)}.ended-subtitle{font-size:clamp(.9rem,1.5vw,1.1rem);color:#010b3eb3}.settings-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;align-items:center}.settings-title{font-size:clamp(2.5rem,6vw,4rem);color:#010b3e;margin-bottom:clamp(2rem,4vw,3rem);text-align:center}.settings-form{background:#fff;padding:clamp(2rem,4vw,3rem);border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px;width:100%}.form-group{margin-bottom:clamp(1.5rem,3vw,2rem)}.form-label{display:block;font-size:1.1rem;color:#010b3e;margin-bottom:.5rem;font-weight:600}.form-input{width:100%;padding:1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.breaks-section{margin-top:2rem}.breaks-title{font-size:1.3rem;color:#010b3e;margin-bottom:1rem}.break-item{margin-bottom:1.5rem}.break-inputs{display:grid;grid-template-columns:1fr auto 1fr 2fr auto;gap:1rem;align-items:center}.break-input,.break-text-input{padding:.8rem;border:2px solid #e0e0e0;border-radius:8px}.break-separator{font-size:1.2rem;color:#666}.remove-break-btn{padding:.8rem;background:#ff4757;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.remove-break-btn:hover{background:#ff3838;transform:scale(1.05)}.add-break-btn{margin-top:1rem;padding:1rem 2rem;background:#00d4ff;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-break-btn:hover{background:#00b8e6;transform:translateY(-2px)}.start-timer-btn-large{width:100%;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#0f8,#00d4ff);color:#fff;font-size:1.5rem;font-weight:700;border:none;border-radius:15px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.start-timer-btn-large:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.countdown-warning{animation:fadeInUp .6s ease-out}.warning-text-large{font-size:3rem;font-weight:700;color:#ff6b35;text-shadow:0 0 30px rgba(255,107,53,.8);margin-bottom:20px;letter-spacing:4px}@media(max-width:768px){.hero-title{font-size:clamp(2rem,8vw,4rem);margin-bottom:8px}.hero-institute{font-size:.7rem;margin:.5rem 0}.countdown-title{font-size:1rem;margin-bottom:.5rem;letter-spacing:1px}.countdown-digits-large{font-size:clamp(3rem,10vw,5rem);letter-spacing:4px}.countdown-label-large{font-size:.9rem;letter-spacing:1px;margin-top:8px}.break-inputs{grid-template-columns:1fr;gap:.8rem}.break-separator{display:none}.settings-form{padding:1.5rem}}@media(max-width:480px){.hero-section{padding:20px 12px}.hero-title{font-size:clamp(1.5rem,7vw,3rem)}.countdown-title{font-size:.9rem;letter-spacing:.5px}.countdown-digits-large{font-size:clamp(2.5rem,8vw,4rem);letter-spacing:3px}.countdown-label-large{font-size:.8rem;letter-spacing:.5px;margin-top:6px}.settings-page{padding:1rem}}<<<<<<< HEAD ======= } >>>>>>> 5d5bd7d (fg){}