@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Caveat:wght@400;600;700&family=Coming+Soon&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--primary-color:#2c3e6b;--primary-rgb:44, 62, 107;--primary-dark:#1a2a4a;--secondary-color:#f5f0e8;--secondary-rgb:245, 240, 232;--text-heading:#1e2d5a;--text-body:#3a4f7a;--text-subtitle:#5a6f9a;--text-light:#6c7a9c;--text-white:#fff;--accent-blue:#5a7ec2;--accent-light-blue:#4a6aa8;--separator-light:#b8c4d8;--separator-blue:#8a9cc5;--success-green:#4a9e6f;--accent-red:red;--highlight-yellow:#ffdc6473;--highlight-green:#64c8824d;--highlight-red:#ff78644d;--bg-image:url(https://cdn.jsdelivr.net/gh/kichu12348/bonk-mate@main/public/images/bunk-bg-2.webp);--bg-mobile-menu:#f5f0e8f5}body{background:var(--bg-image);color:var(--primary-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Patrick Hand,cursive;overflow-x:hidden}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb{background:var(--primary-color)}body::-webkit-scrollbar-track{background:var(--secondary-color)}body::-webkit-scrollbar-track-piece{background:var(--secondary-color)}@media screen and (width<=768px){*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:Patrick Hand,cursive}.op-zero{opacity:0}._hero_1cux9_2{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}._heroContent_1cux9_16{z-index:5;flex:1;justify-content:center;align-items:center;padding:0 4rem 2rem;display:flex;position:relative}._heroInner_1cux9_26{justify-content:center;align-items:center;gap:0;width:100%;max-width:1200px;display:flex;position:relative}._heroLeft_1cux9_37{flex-direction:column;flex:1;gap:1rem;max-width:520px;display:flex}._heroTitle_1cux9_45{color:var(--text-heading);letter-spacing:-.01em;font-family:Caveat,cursive;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:700;line-height:1.15}._heroIllustration_1cux9_54{width:100%;max-width:400px;position:relative}._sleepingGuy_1cux9_60{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(var(--primary-rgb), .08))}._heroDescription_1cux9_66{color:var(--text-body);max-width:380px;margin-top:.5rem;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55}._heroRight_1cux9_75{flex:1;justify-content:center;align-items:center;max-width:500px;display:flex;position:relative}._phoneContainer_1cux9_84{width:100%;max-width:380px;position:relative}._phoneImg_1cux9_90{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(var(--primary-rgb), .12))}._dangerBadge_1cux9_96{z-index:6;width:clamp(100px,12vw,160px);height:auto;filter:drop-shadow(2px 3px 4px rgba(var(--primary-rgb), .1));position:absolute;top:2%;right:-22%;transform:rotate(6deg)}._arrowContainer_1cux9_108{z-index:4;width:180px;transform:translate(-50%)rotate(-15deg)}._arrowImg_1cux9_114{width:100%;height:auto}._heroButtons_1cux9_120{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}._btnDownload_1cux9_128{cursor:pointer;max-width:200px;transition:all .25s;position:relative}._btnDownload_1cux9_128:hover{filter:drop-shadow(0 4px 10px rgba(var(--primary-rgb), .2));transform:translateY(-2px)scale(1.03)}._btnDownloadImg_1cux9_140{width:100%;height:auto}._downloadCursor_1cux9_145{font-size:1.6rem;animation:1.2s ease-in-out infinite _cursorBounce_1cux9_1;position:absolute;bottom:-8px;right:-12px}@keyframes _cursorBounce_1cux9_1{0%,to{transform:translate(0)}50%{transform:translate(-3px,-4px)}}._cloudsContainer_1cux9_164{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}._cloud_1cux9_164{opacity:0;filter:drop-shadow(0 2px 6px rgba(var(--primary-rgb), .06));position:absolute}._cloud1_1cux9_181{width:clamp(80px,10vw,140px);animation:18s ease-in-out infinite _cloudFloat1_1cux9_1;top:15%;left:2%}._cloud2_1cux9_188{width:clamp(50px,7vw,90px);animation:22s ease-in-out infinite _cloudFloat2_1cux9_1;top:25%;right:5%}._cloud3_1cux9_195{width:clamp(70px,9vw,120px);animation:20s ease-in-out infinite _cloudFloat3_1cux9_1;bottom:20%;right:8%}._cloud4_1cux9_202{width:clamp(55px,7vw,95px);animation:24s ease-in-out infinite reverse _cloudFloat1_1cux9_1;bottom:30%;left:5%}@keyframes _cloudFloat1_1cux9_1{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(15px)translateY(-8px)}50%{transform:translate(5px)translateY(5px)}75%{transform:translate(-10px)translateY(-3px)}}@keyframes _cloudFloat2_1cux9_1{0%,to{transform:translate(0)translateY(0)}33%{transform:translate(-12px)translateY(6px)}66%{transform:translate(8px)translateY(-10px)}}@keyframes _cloudFloat3_1cux9_1{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-18px)translateY(8px)}}._menuBtn_1cux9_249{z-index:20;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:4px;display:none;position:absolute;top:1.2rem;right:1.2rem}._menuLine_1cux9_267{background:var(--primary-color);border-radius:2px;width:26px;height:2.5px;transition:all .3s}@media screen and (width>=768px){._arrowContainer_1cux9_108{position:absolute;top:60%;left:50%}}@media screen and (width<=968px){._heroContent_1cux9_16{padding:0 2rem 2rem}._heroInner_1cux9_26{text-align:center;flex-direction:column;gap:2rem}._heroLeft_1cux9_37{align-items:center;max-width:100%}._heroDescription_1cux9_66{text-align:center;max-width:100%}._heroIllustration_1cux9_54{max-width:320px;margin:0 auto}._heroRight_1cux9_75{max-width:320px}._arrowContainer_1cux9_108{width:100px;margin:-1rem auto;position:relative;top:auto;left:auto;transform:rotate(90deg)scaleX(-1)translate(25vw)}._dangerBadge_1cux9_96{font-size:1.1rem;right:-10%}._heroButtons_1cux9_120{justify-content:center}}@media screen and (width<=768px){._navbar_1cux9_335{display:none}._menuBtn_1cux9_249{display:flex}._hero_1cux9_2{background-repeat:repeat;background-size:contain;padding-top:3.5rem}._heroContent_1cux9_16{padding:1rem 1.2rem 2rem}._heroTitle_1cux9_45{font-size:2.4rem}._heroIllustration_1cux9_54{max-width:280px}._heroRight_1cux9_75{max-width:260px}._heroDescription_1cux9_66{font-size:1.1rem}._arrowContainer_1cux9_108{width:80px}._dangerBadge_1cux9_96{padding:.35rem .8rem;font-size:1rem}._btnDownload_1cux9_128{max-width:160px}._cloud1_1cux9_181{top:10%}._cloud2_1cux9_188{top:55%;right:2%}._cloud3_1cux9_195{bottom:10%;right:3%}._cloud4_1cux9_202{bottom:45%;left:2%}}._navbar_xr1o3_2{z-index:250;justify-content:center;align-items:center;width:100%;padding:1rem 2.5rem;transition:all .4s;display:flex;position:fixed;top:0;left:0}._navbar_xr1o3_2._scrolled_xr1o3_15{background:linear-gradient(180deg, rgba(var(--secondary-rgb), var(--scrolled-dist)) 10%, transparent 100%)}._navInner_xr1o3_24{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}._logo_xr1o3_33{cursor:pointer;-webkit-user-select:none;user-select:none;width:3.5rem;transition:transform .3s}._logo_xr1o3_33 img{filter:invert();width:100%}._logo_xr1o3_33:hover{transform:scale(1.05)}._navLinks_xr1o3_50,._navLinkWrapper_xr1o3_56{align-items:center;gap:.3rem;display:flex}._navLink_xr1o3_50{color:var(--primary-color);letter-spacing:.02em;border-radius:8px;padding:.45rem 1.1rem;font-size:1.2rem;transition:all .25s;position:relative}._navLink_xr1o3_50:after{content:"";background:var(--accent-blue);border-radius:2px;width:60%;height:2px;transition:transform .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}._navLink_xr1o3_50:hover{color:var(--primary-dark);background:rgba(var(--primary-rgb), .06)}._navLink_xr1o3_50:hover:after{transform:translate(-50%)scaleX(1)}._navSeparator_xr1o3_94{color:var(--separator-light);-webkit-user-select:none;user-select:none;margin:0 .1rem;font-size:1rem}._menuBtn_xr1o3_102{z-index:210;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;padding:4px;display:none;position:relative}._menuLine_xr1o3_118{background:var(--primary-color);transform-origin:50%;border-radius:2px;width:28px;height:2.5px;transition:all .4s cubic-bezier(.77,0,.175,1)}._menuBtn_xr1o3_102._open_xr1o3_128 ._menuLine_xr1o3_118:first-child{transform:translateY(8.5px)rotate(45deg)}._menuBtn_xr1o3_102._open_xr1o3_128 ._menuLine_xr1o3_118:nth-child(2){opacity:0;transform:scaleX(0)}._menuBtn_xr1o3_102._open_xr1o3_128 ._menuLine_xr1o3_118:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}._mobileOverlay_xr1o3_144{z-index:200;background-color:var(--secondary-color);background-image:var(--bg-image);opacity:0;visibility:hidden;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.77,0,.175,1),visibility .45s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;inset:0;overflow:hidden}._mobileOverlay_xr1o3_144._open_xr1o3_128{opacity:1;visibility:visible}._notebookLines_xr1o3_173{pointer-events:none;position:absolute;inset:0;overflow:hidden}._notebookLines_xr1o3_173:before{content:"";background-image:repeating-linear-gradient(to bottom, transparent, transparent 38px, rgba(var(--primary-rgb), .06) 38px, rgba(var(--primary-rgb), .06) 39px);width:100%;height:100%;position:absolute;top:0;left:0}._notebookLines_xr1o3_173:after{content:"";background:#dc50502e;width:1.5px;height:100%;position:absolute;top:0;left:52px}._overlayLogo_xr1o3_208{opacity:.6;width:3rem;position:absolute;top:1.2rem;left:1.2rem}._overlayLogo_xr1o3_208 img{width:100%}._overlayNav_xr1o3_221{flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;max-width:400px;padding-left:68px;display:flex}._overlayLink_xr1o3_231{color:var(--primary-color);border-radius:6px;align-items:center;gap:.8rem;width:calc(100% - 20px);padding:.75rem 1.2rem;text-decoration:none;transition:all .25s;display:flex;position:relative}._overlayLink_xr1o3_231:after{content:"";background:var(--accent-blue);border-radius:2px;width:0;height:2.5px;transition:width .35s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:6px;left:1.2rem;transform:rotate(-.5deg)}._overlayLink_xr1o3_231:hover:after,._overlayLink_xr1o3_231:active:after{width:calc(100% - 2.4rem)}._overlayLink_xr1o3_231:hover{background:rgba(var(--primary-rgb), .05)}._overlayLink_xr1o3_231:active{transform:scale(.98)}._overlayLinkIndex_xr1o3_272{color:var(--text-light);opacity:.5;min-width:1.5rem;font-family:Caveat,cursive;font-size:1rem}._overlayLinkLabel_xr1o3_280{letter-spacing:.03em;color:var(--text-heading);font-family:Patrick Hand,cursive;font-size:2rem}._overlayLinkArrow_xr1o3_287{opacity:0;color:var(--accent-blue);margin-left:auto;font-size:1rem;transition:all .3s;transform:translate(-6px)}._overlayLink_xr1o3_231:hover ._overlayLinkArrow_xr1o3_287{opacity:.7;transform:translate(0)}._overlayDoodle_xr1o3_302{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}._doodleStar_xr1o3_308{color:var(--primary-color);opacity:.08;font-size:2rem;animation:4s ease-in-out infinite _doodlePulse_xr1o3_1;bottom:15%;right:12%}._doodleCircle_xr1o3_317{border:2px dashed rgba(var(--primary-rgb), .1);border-radius:50%;width:40px;height:40px;animation:15s linear infinite _doodleSpin_xr1o3_1;top:18%;right:15%}._doodleZigzag_xr1o3_327{border-bottom:2px solid rgba(var(--primary-rgb), .07);border-left:2px solid rgba(var(--primary-rgb), .07);width:30px;height:20px;bottom:25%;left:10%;transform:skew(-30deg)}@keyframes _doodlePulse_xr1o3_1{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(8deg)}}@keyframes _doodleSpin_xr1o3_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._overlayFooter_xr1o3_357{text-align:center;width:100%;color:var(--text-light);opacity:.25;letter-spacing:.15em;text-transform:lowercase;-webkit-user-select:none;user-select:none;font-family:Caveat,cursive;font-size:1rem;position:absolute;bottom:1.5rem;left:0}@media screen and (width<=768px){._navbar_xr1o3_2{padding:.9rem 1.2rem}._navLinks_xr1o3_50{display:none}._menuBtn_xr1o3_102{display:flex}._logo_xr1o3_33{width:3rem}}@media screen and (width<=380px){._overlayLinkLabel_xr1o3_280{font-size:1.65rem}._overlayNav_xr1o3_221{padding-left:56px}}