#root{width:100%;min-height:100vh;--primary-color: #ffffff;--secondary-color: rgb(255, 234, 0);--base-variant: #eeeeee33;--text-color: rgb(252, 243, 243);--visited-text-color: rgb(102, 59, 59);--menu-text-color: rgb(229, 229, 229);--h1-color: white;--h2-color: white;--h3-color: white;--h4-color: white;transition:--primary-color 2s ease-in-out,--secondary-color 2s ease-in-out,--text-color 2s ease-in-out,--visited-text-color 2s ease-in-out,--h1-color 2s ease-in-out,--h2-color 2s ease-in-out,--h3-color 2s ease-in-out,--h4-color 2s ease-in-out,--section-color 2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0;list-style:none;text-decoration:none;transition:color 2s ease-in-out .5s,background-color 2s ease-in-out .5s}a{color:var(--text-color);transition:color 2s ease-in-out .8s}a:visited{color:var(--text-color)}a:hover{color:var(--visited-text-color)}html,body{margin:0;padding:0;height:auto;min-height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;background:transparent!important}#root{width:100%;min-height:100vh;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}.welcome-text-box{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:20px;box-sizing:border-box;transform-origin:center;white-space:nowrap;overflow:visible;z-index:1;scroll-snap-align:start;scroll-snap-stop:always}.keyboard{display:flex;justify-content:center;align-items:center;gap:10px;max-width:100%;width:auto;height:auto;overflow:visible}.key{display:inline-block;white-space:nowrap;flex-shrink:0;font-size:10vw;letter-spacing:-1.5vw;font-weight:400;font-family:Rubik Mono One,serif;color:var(--text-color);text-shadow:0 0 3px var(--text-color),0 0 3px var(--text-color);cursor:default;transition:color 3s ease-in-out 2.5s,text-shadow 2s ease-in-out 1.5s;pointer-events:auto}.scroll-button:focus{outline:none;border:none}.arrow-container{position:absolute;bottom:50px;display:flex;justify-content:center;width:100%;border:none}.click-me{justify-content:center;position:absolute;display:flex;bottom:70px;font-size:18px;color:var(--text-color);text-shadow:0 0 1px var(--text-color),0 0 1px var(--text-color);font-family:Rubik Mono One,serif;animation:bounce 2s infinite}.scroll-button{font-size:3rem;background:none;border:none;color:#fff;cursor:pointer;animation:bounce 2s infinite;transition:color .3s ease-in-out}.scroll-button:hover{color:#ffffffc6;border:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.content-section{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:.5rem 0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;position:relative;margin:.5rem 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;width:90%}.skill-category{padding:2rem;border-radius:15px}h2{font-size:2.5rem;margin-bottom:2rem;color:#333}h3{font-size:1.8rem;color:#444;margin-bottom:1rem}.year{color:#666;font-style:italic;margin-bottom:.5rem}.title{font-size:1.4rem;color:#555;margin-bottom:1rem;font-weight:500}ul{list-style-type:none;padding:0}li{margin:.5rem 0;color:#666;font-size:1.1rem}.columns .content{gap:50px}.certifications-content.open{max-width:350px}.certifications-column,.projects-column{max-width:320px}#certifications-letter{display:inline-block;background:linear-gradient(to right,#fff,#ffad06);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2.5rem;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}.skills-box{background:#56aac81a;border-radius:20px;padding:24px;margin:30px auto;max-width:1200px;box-shadow:0 2px 12px #00000012;color:#fff}.skills-flex{display:flex;flex-direction:row;gap:40px;justify-content:center;align-items:flex-start}.skill-category ul{margin-top:8px}.ai-text{margin-top:24px;font-size:1rem;color:#fff;max-width:500px}@media screen and (max-width: 768px){.skills-box{padding:12px;max-width:98vw}.skills-flex{flex-direction:column;gap:10px;align-items:stretch}.ai-text{margin-top:16px;font-size:.98rem}}.about-section{max-width:1200px;margin:30px auto;border-radius:20px;padding:24px;color:#fff;display:flex;flex-direction:column;align-items:center;background:none;box-shadow:0 2px 12px #00000012;position:relative;z-index:1;width:80vw}.about-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#56aac840;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;z-index:0}.about-section>*{position:relative;z-index:1}.about-section h1{width:100%;text-align:center;margin-bottom:1.2em!important}.about-section p{font-family:Anton,sans-serif;font-style:normal;font-size:1.25rem;margin-bottom:1.2em;color:#fff;letter-spacing:.04em}.about-section ul,.about-section li{font-family:Anton,sans-serif;font-size:1.25rem;color:#fff}@media screen and (max-width: 768px){.about-section{padding:12px}}@media (max-width: 600px){.about-section,.footer-container{margin:0 auto!important;text-align:center;width:96vw!important;max-width:96vw!important;box-sizing:border-box;display:block;float:none}.about-content{flex-direction:column;align-items:center}}@media (max-width: 500px){.about-section,.footer-container{margin:0 auto!important;width:98vw!important;max-width:98vw!important;padding-left:.5rem;padding-right:.5rem}}.certification-item p{text-align:left;margin:0;line-height:1.6;font-size:24px;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;color:#fff}.about-content{display:flex;flex-direction:row;width:100%;gap:32px}.about-text{flex:0 1 60%;display:flex;flex-direction:column;justify-content:center;padding:10px}.about-image{flex:0 1 40%;display:flex;align-items:center;justify-content:center}.about-image img{max-width:100%;max-height:320px;border-radius:16px;object-fit:cover}@media screen and (max-width: 768px){.about-content{flex-direction:column;gap:16px}.about-image img{max-width:100%;max-height:220px}}@keyframes ai-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.13);opacity:.7}}#ai-letter{display:inline-block;background:linear-gradient(to right,#2153b7,#292e3a);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:3rem;font-family:Anton,sans-serif;letter-spacing:.22em;animation:ai-pulse 2.8s infinite cubic-bezier(.4,0,.2,1)}@media screen and (max-width: 900px){.footer-container{flex-direction:column-reverse!important;gap:3rem;padding:1rem;align-items:center;justify-content:center;max-width:80vw;width:80vw;margin-left:auto;margin-right:auto}}@media screen and (max-width: 600px){.about-section{max-width:80vw;width:80vw;margin:0 auto!important;display:block;text-align:center}.footer-container{max-width:80vw;width:80vw;margin:0 auto!important;padding-left:.5rem;padding-right:.5rem;display:block}}.certifications-container{text-align:center;margin-bottom:0;display:block}.certification-item-image{width:100%;height:auto;object-fit:contain;display:flex;justify-content:center;align-items:center}.view-button{padding:10px 20px;background-color:#e5e7e8;color:#100f0f;border:none;border-radius:20px;cursor:pointer;margin:0 0 .5rem;transition:background-color .7s;font-weight:700;display:block}.view-button:hover{background-color:#100f0f;color:#e5e7e8}.certifications-content.open{margin-bottom:0;margin-left:auto;margin-right:auto}.certification-item{margin:10px 0 30px!important;border-radius:20px;width:100%;position:relative;background-color:transparent;overflow:hidden;z-index:1;padding:20px;color:#d3d3d3}.certification-item:last-child{margin-bottom:0!important}.certification-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#56aac840;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;z-index:-1}.certification-item-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:30px}.certification-item p{text-align:left;margin:0;line-height:1.6;font-size:14px;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;color:#fff}.certification-item img{max-width:60%;height:auto;border-radius:10px}.certification-item p+a>img{margin-top:35px}.certifications-column,.projects-column{display:flex;flex-direction:column;align-items:center;width:300px;min-width:0;max-width:300px;flex:0 0 300px;margin-bottom:.5rem}.column.certifications-column{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:0}.columns .content{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:30px;width:100%}@media screen and (max-width: 768px){.columns,.content-wrapper{margin:0!important;padding:0!important}.columns .content{gap:5px!important;padding:5px;flex-direction:column;align-items:stretch}.columns .content .column{margin:3px 0!important;width:100%;max-width:none}.columns .content .column:last-child{margin-bottom:0!important}.view-button{margin:0 0 .3rem}.certifications-content.open{margin-bottom:.2rem}.certifications-container{margin:0!important;padding:0!important}.certification-item{margin:5px 0 30px!important}.certification-item:last-child{margin-bottom:0!important}h1,h2,h3{margin:.3em 0!important;padding:0!important}.certifications-column,.projects-column{flex:unset!important}.certification-item,.certification-item-header{max-width:300px;margin-left:auto;margin-right:auto}}@media screen and (max-width: 480px){.content-section,.columns,.content-wrapper{margin:0!important;padding:0!important}.columns .content{gap:3px!important;padding:2px;margin-top:30px;flex-direction:column;align-items:stretch}.columns .content .column{margin:2px 0!important;width:100%;max-width:none}.columns .content .column:last-child{margin-bottom:0!important}.view-button{margin:0 0 .2rem}.certifications-content.open{margin-bottom:.1rem}.certifications-container{margin:0!important;padding:0!important}.certification-item{margin:3px 0 30px!important}.certification-item:last-child{margin-bottom:0!important}h1,h2,h3{margin:.2em 0!important;padding:0!important}.certifications-column,.projects-column{flex:unset!important}.certification-item,.certification-item-header{max-width:300px;margin-left:auto;margin-right:auto}}.certifications-container h1{font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;font-size:2rem;font-weight:700;margin:.5em 0}.certification-item-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px;box-sizing:border-box}.certification-item-header h1{font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif!important;padding-bottom:10px}.wrapper{width:300px;margin:0;transition:transform .3s ease-out,opacity .3s ease-out}.wrapper-1{transform-origin:left center}.wrapper-2{transform-origin:center top}.wrapper-3{transform-origin:right center}.front-boxes{position:relative;width:300px;margin:20px auto;overflow:hidden;display:flex;align-items:center;padding-bottom:40px}@media screen and (max-width: 1080px){.wrappers-container{flex-direction:column;align-items:center;gap:10px}.wrapper{width:100%;max-width:300px}.front-boxes{margin:10px auto}}.containers-wrapper-1,.containers-wrapper-2,.containers-wrapper-3{display:flex;transition:transform .9s ease-out;gap:20px;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-y pinch-zoom}.containers-wrapper-1.dragging,.containers-wrapper-2.dragging,.containers-wrapper-3.dragging{cursor:grabbing;transition:none}.wrappers-container.locked .containers-wrapper{cursor:grab}.wrappers-container.locked .containers-wrapper.dragging{cursor:grabbing}.container{position:relative;width:300px;height:300px;background-color:transparent;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#d3d3d3;z-index:1;overflow:hidden}.container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#5e889822;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;z-index:-1}.container h1,.container p{text-align:center;font-size:1,5rem;padding:10px;margin-left:10px;margin-right:10px;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}#first-letter{display:inline-block;background:linear-gradient(to right,#f5f5f5,#828282);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.5rem}#after-letter{display:inline-block;background:linear-gradient(to right,#c8c8c8,#fff);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.5rem}#last-letter{display:inline-block;animation:scaleUp2 2s ease-in-out infinite;background:linear-gradient(to right,#fff,#ffad06);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2.5rem}@keyframes scaleUp2{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.carousel-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:10px;justify-content:center;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background:#0a0909ca;cursor:pointer;transition:background-color .3s ease}.dot.active{background:#991d1dcc}.wrappers-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;max-width:1000px;margin:0 auto}@media screen and (max-width: 800px){.wrappers-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.wrapper{width:100%;max-width:300px}.wrapper-1,.wrapper-2{flex:0 0 calc(50% - 7.5px);max-width:300px}.wrapper-3{flex:0 0 100%;max-width:300px;margin:0 auto}.front-boxes{margin:10px auto}}@media screen and (max-width: 600px){.wrappers-container{flex-direction:column;align-items:center;gap:10px}.wrapper{width:100%;max-width:300px}.wrapper-1,.wrapper-2,.wrapper-3{flex:0 0 auto}.front-boxes{margin:10px auto}}.carousel-lock-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin:20px auto;z-index:10}.carousel-lock-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0;margin:0}.carousel-lock-btn:hover{background:#fff3;transform:scale(1.3)}.carousel-lock-btn svg{fill:var(--text-color);width:30px;height:30px;transition:all .5s ease}.carousel-lock-btn .lock-icon{display:none}.carousel-lock-btn.locked .lock-icon{display:block}.carousel-lock-btn.locked .unlock-icon{display:none}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;visibility:visible;pointer-events:none}.background-video.night-transition,.background-video.day-transition{opacity:0}.darkmode .background-video.night-transition{opacity:1}body:not(.darkmode) .background-video.day-transition{opacity:1}.darkmode #theme-switch{box-shadow:0 0 18px 4px #ffad06cc}.ham-menu{width:30px;height:17px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.off-screen-menu a,.off-screen-menu button{color:var(--text-color, #fff);text-decoration:none;background:none;border:none;font-size:1.2rem;cursor:pointer;width:100%;text-align:left;transition:color .3s ease;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;padding:0;margin:0;outline:none}.off-screen-menu a:hover,.off-screen-menu button:hover{color:var(--visited-text-color, #666)}@media (max-width: 768px){.off-screen-menu{width:200px}nav{top:.5rem;right:.5rem}#theme-switch{font-size:.9em}}@media (max-width: 600px){nav{top:90px;right:1rem}.off-screen-menu{width:98vw;right:1vw}}@media (max-width: 900px) and (min-width: 601px){nav{top:90px;right:1rem}#theme-switch{top:70px}}@media (max-width: 900px){.off-screen-menu{width:180px;right:10px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;z-index:1199;cursor:pointer}.modal{z-index:1200;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#121826fa;color:#fff;border-radius:25px;box-shadow:0 4px 32px #00000040;padding:40px 32px 32px;max-width:600px;width:95vw;font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;border:none;outline:none;display:flex;flex-direction:column;gap:0;overflow-y:auto;max-height:90vh;overscroll-behavior:contain}.modal h2,.modal h3{color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset;text-align:center}.modal label{display:block;margin-top:1.2rem;margin-bottom:.3rem;font-weight:600;color:#ffad06}.modal input[type=email],.modal input[type=password]{width:270px;padding:.9rem 1.2rem;border-radius:14px;border:1.5px solid #ffad06;background:#0a1e508c;color:#fff;font-size:1.1rem;margin-bottom:.5rem;margin-top:.1rem;box-sizing:border-box;transition:border .3s,box-shadow .3s}.modal input[type=email]:focus,.modal input[type=password]:focus{outline:none;border:2px solid #3a6cf6;box-shadow:0 0 0 2px #3a6cf655;background:#0a1e50b3}.modal button[type=submit],#close-login-modal,.modal button{background:linear-gradient(90deg,#ffad06,#fff);color:#181818;border:none;border-radius:20px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:1.2rem;margin-bottom:.5rem;transition:background .3s,color .3s;box-shadow:0 2px 8px #00000014;display:block}#close-login-modal,.modal button[onClick]{position:absolute;top:18px;right:18px;width:auto;padding:.5rem 1.2rem;font-size:1rem;background:#222;color:#fff;border-radius:10px;box-shadow:none}.modal button[type=submit]:hover,#close-login-modal:hover,.modal button:hover{background:linear-gradient(90deg,#fff,#ffad06);color:#222}.modal form{margin-bottom:1.5rem}.modal .section{background:none;color:#fff;font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif}.modal .section ul{margin-left:1.2em;margin-bottom:.7em;color:#ccc}@media (max-width: 600px){.modal{padding:16px 4vw;max-width:99vw;font-size:.98rem}.modal h2{font-size:1.5rem}}.modal.cv-modal{background:linear-gradient(135deg,#f7f6f2 60%,#e9e7df);color:#222;box-shadow:0 8px 40px #0000002e;border-radius:16px;font-family:Crimson Text,Georgia,serif;overscroll-behavior:contain}.modal.cv-modal h2,.modal.cv-modal h3{color:#222}.modal.cv-modal .section ul{color:#444}.modal.cv-modal button{background:#e9e7df;color:#222;border:1px solid #d6d3c2;border-radius:10px;box-shadow:0 2px 8px #0000000a}.modal.cv-modal button:hover{background:#f7f6f2;color:#181818}@media (max-width: 600px){.modal.cv-modal{padding:12px 2vw;max-width:99vw}}.modal.cv-modal,.modal.cv-modal h2,.modal.cv-modal h3,.modal.cv-modal p,.modal.cv-modal li,.modal.cv-modal em,.modal.cv-modal span{color:#222!important}.modal:not(.cv-modal) ul,.modal:not(.cv-modal) ul li{color:#fff!important}body.modal-open,html.modal-open{overflow:hidden!important;position:fixed;width:100vw;overscroll-behavior:none}.user-content{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}#close-calc-modal{width:70px;padding:.3em 0;background:#ffad06;color:#181c2a;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;margin-bottom:1rem;align-self:flex-end;transition:background .2s,color .2s}#close-calc-modal:hover{background:#ffd95e;color:#181c2a}.calculator-modal{max-width:320px!important;min-width:220px;max-height:380px;overflow-y:auto;padding:12px 6px!important;font-size:.93rem!important;border-radius:16px!important}.calculator-modal h2{font-size:1.1rem!important;margin-bottom:.5em}.calculator-modal input[type=text]{font-size:1rem!important;padding:4px .4em .2em;border-radius:8px;border:1px solid #ffad06;align-items:center;text-align:left;margin:auto}.calculator-modal button{font-size:.95rem!important;padding:.2em .4em!important;border-radius:8px!important;min-width:28px;min-height:28px;margin:0}.calculator-modal .user-content{gap:.3rem}@media (max-width: 900px){.calculator-modal{max-width:90vw!important;font-size:.91rem!important}.calculator-modal button{min-width:24px;min-height:24px;font-size:.91rem!important}}@media (max-width: 600px){.calculator-modal{max-width:98vw!important;min-width:0;padding:10px 2vw!important;font-size:.89rem!important}.calculator-modal button{min-width:20px;min-height:20px;font-size:.89rem!important}}.modal.calculator-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:340px;min-width:220px;max-height:420px;width:95vw;overflow-y:auto;z-index:1200}.modal-close-btn{position:absolute;top:12px;right:12px;width:70px;padding:.3em 0;background:#ffad06;color:#181c2a;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s;z-index:2}.modal-close-btn:hover{background:#ffd95e;color:#181c2a}.modal-title{text-align:center;font-size:1.3rem;margin:30px}.calc-content{display:flex;flex-direction:column;gap:.7rem;padding:.5em .2em}.calc-input{width:80%;font-size:1.2rem;text-align:right;border-radius:8px;border:1px solid #ffad06;padding:.3em .5em;margin-bottom:2px}.calc-result{font-size:1.1rem;min-height:24px;color:#ffad06;text-align:right}.calc-result:empty{min-height:24px}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.calc-btn{font-size:1rem;padding:.3em .5em;border-radius:8px;border:none;background:#222;color:#fff;cursor:pointer;transition:background .2s,color .2s}.calc-btn:hover{background:#ffad06;color:#181c2a}.calc-btn-equals{grid-column:span 4;background:#ffad06;color:#181c2a;font-weight:700}.calc-btn-clear{background:#ffad06;color:#181c2a}.watch-tabs{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.watch-tab{flex:1;background:#222;color:#fff;border-radius:8px;border:none;padding:.4em .2em;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.watch-tab.active,.watch-tab:hover{background:#ffad06;color:#181c2a}.watch-content{display:flex;flex-direction:column;gap:.7rem;padding:.5em .2em}.watch-time{font-size:2rem;font-weight:600;margin-bottom:8px;text-align:center}.watch-desc-main{font-size:1rem;color:#ffad06;margin-bottom:4px;text-align:center}.watch-desc-tech{font-size:.95rem;color:#ccc;text-align:center}.watch-timer-input{width:80px;margin:0 auto 8px;border-radius:6px;border:1px solid #ffad06;padding:4px;text-align:center;font-size:1rem}.watch-timer-buttons{display:flex;gap:8px;margin-bottom:8px;justify-content:center}.watch-timer-buttons button{font-size:1rem;padding:.3em .5em;border-radius:8px;border:none;background:#222;color:#fff;cursor:pointer;transition:background .2s,color .2s}.watch-timer-buttons button:hover{background:#ffad06;color:#181c2a}@media (max-width: 900px){.modal.calculator-modal{max-width:95vw;font-size:.93rem}}@media (max-width: 600px){.modal.calculator-modal{max-width:99vw;min-width:0;padding:10px 2vw;font-size:.91rem}.calc-btn,.watch-tab,.watch-timer-buttons button{font-size:.91rem;min-width:24px;min-height:24px}.calc-input,.watch-timer-input{font-size:.98rem}}.modal{left:50%;transform:translate(-50%,-50%);background:#121826fa;color:#fff;border-radius:25px;box-shadow:0 4px 32px #00000040;padding:40px 40px 32px;max-width:700px;width:95vw;font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;border:none;outline:none;display:flex;flex-direction:column;gap:0;overflow-y:auto;height:900px;overscroll-behavior:contain}@media (max-width: 600px){.modal{max-width:98vw;padding:24px 6px 16px;font-size:.98rem}.user-content{gap:.7rem}.button-container{flex-direction:column;gap:10px}#close-admin-modal{width:90px;font-size:1rem;margin-bottom:1rem}}// ... olemassa oleva css ... .user-content{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.user-info{background:#1e283c2e;border-radius:10px;padding:.7em 1.2em;margin-bottom:1em;color:#ffad06;font-size:1.1rem}.button-container{display:flex;gap:16px;margin-top:24px;justify-content:center}#close-admin-modal{width:100px;padding:.5em 0;background:#ffad06;color:#181c2a;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-bottom:1.5rem;align-self:flex-end;transition:background .2s,color .2s}#close-admin-modal:hover{background:#ffd95e;color:#181c2a}.footer-container{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:2rem;gap:4rem}.footer-right{display:flex;flex-direction:column;align-items:center}.footer-left,.footer-right{flex:1;min-width:0}.footer-left h2,.heading-footer{background:linear-gradient(to right,#fff,#ffad06);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2rem;margin-bottom:2rem;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px}@media screen and (max-width: 768px){.footer-container{flex-direction:column-reverse;gap:3rem;padding:1rem}.footer-left,.footer-right{width:100%}}.footer-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%}.form-group{position:relative;margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;max-width:100%;min-width:0;position:relative;background:#0a1e508c;color:#f3f6fa;font-size:1.15rem;border:1.5px solid rgba(255,255,255,.18);border-radius:16px;padding:1.2rem 1.7rem;box-shadow:0 2px 16px #0a1e5014;z-index:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border:2px solid #3a6cf6;box-shadow:0 0 0 2px #3a6cf655;background:#0a1e50b3}.form-group label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.form-group .error-message{color:#f44;font-size:.9rem;margin-top:.5rem;display:block}.form-group textarea{height:150px;resize:none;line-height:1.5}.footer-form button{background:#ffffff1a;color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;margin-top:1rem}.footer-form button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.footer-right .content-slider{width:100%;min-height:120px;height:120px;display:flex;align-items:center;overflow:hidden}.footer-right .slider{width:100%;max-width:680px;margin:40px auto 0;overflow:hidden;position:relative;height:100%;display:flex;flex-direction:column}.footer-right .quote{font-size:1.5rem;line-height:1.4;color:var(--text-color);font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%}@media screen and (max-width: 768px){.footer-right .quote{font-size:1.2rem}}@media screen and (max-width: 480px){.footer-right .quote{font-size:1rem}}@media screen and (max-width: 600px){.form-group input,.form-group textarea{font-size:1rem;padding:.8rem 1rem;width:100%;max-width:100%}}.tech-bar{display:flex;width:100%;height:15px;border-radius:20px;overflow:hidden}.css{background-color:#2965f1;width:39%}.js{background-color:#f7df1e;width:60.5%}.html{background-color:#e44d26;width:.5%}.stock-ticker-container{width:calc(100vw - 260px);margin:0 auto;overflow:hidden;background:#181c2a26;color:#fff;font-family:SF Pro Display,Arial,sans-serif;font-size:1.1rem;position:fixed;top:0;left:0;right:0;z-index:1000;border-radius:0 0 18px 18px}@media (max-width: 900px){.stock-ticker-container{width:calc(100vw - 32px);margin-left:16px;margin-right:16px}}@media (max-width: 600px){.stock-ticker-container{width:98vw;margin-left:1vw;margin-right:1vw;border-radius:0 0 10px 10px}}.stock-ticker-marquee{display:inline-block;white-space:nowrap;animation:ticker 30s linear infinite;padding:8px 0}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}.stock-ticker-item{margin-right:32px;font-weight:700}.off-screen-menu{position:fixed;top:0;right:20px;height:100vh;width:150px;transform:translate(100%);transition:transform .3s ease;z-index:1000}.off-screen-menu.active{transform:translate(0)}.off-screen-menu ul{list-style:none;padding:2rem;margin:0;display:flex;flex-direction:column;gap:1rem}.off-screen-menu li{margin:0}.off-screen-menu button{color:var(--text-color, #fff);background:none;border:none;font-size:1.2rem;cursor:pointer;width:100%;text-align:left;font-weight:500;padding:0;margin:0;outline:none;top:70vh}.off-screen-menu button:hover{color:#ffad06}.ham-menu{width:30px;height:17px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:fixed;top:60px;right:1rem;z-index:1101}.ham-menu span{width:100%;height:2px;background:var(--text-color, #fff);transition:all .3s ease}.ham-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.ham-menu.active span:nth-child(2){transform:rotate(-45deg) translate(5px,-5px)}nav{position:fixed;top:60px;right:1rem;display:flex;align-items:center;gap:1rem;z-index:1100}#theme-switch{border:1px solid transparent;padding:.6em;font-size:1em;font-weight:500;border-radius:50%;font-family:inherit;background-color:#8e8e8e52;cursor:pointer;transition:border-color .25s,box-shadow .4s;position:fixed;left:1rem;box-shadow:0 0 16px 2px #1e1e2859}#theme-switch:focus,#theme-switch:focus-visible{outline:4px auto -webkit-focus-ring-color}.blog-sidebar{position:fixed;top:120px;left:0;width:260px;padding:32px 18px;z-index:10;min-height:300px;display:flex;flex-direction:column;gap:1.2em;transition:transform .3s}.blog-sidebar h2{color:#f3f3f3;font-weight:600;margin:0;padding:0}.blog-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7em}.blog-sidebar li{margin:0;padding:0;width:auto}.blog-sidebar a{color:#222;text-decoration:none;font-size:1.08rem;font-weight:500;transition:color .2s;border-radius:6px;padding:0;margin:0;display:block}.blog-sidebar a:hover{color:#ffad06;background:#f3e7c7}.sidebar-toggle{display:none;margin-bottom:1.2em;background:#ffad06;color:#222;border:none;border-radius:8px;padding:.5em 1.2em;font-size:1rem;font-weight:700;cursor:pointer}.blog-area-multi{flex:1;margin-left:280px;display:flex;flex-direction:column;gap:64px;padding:48px 0}.blog-article{background:#fff;border-radius:24px;box-shadow:0 8px 40px #00000021;padding:48px 32px 40px;max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;top:10vh}.blog-hr{display:block;border:none;border-top:5px solid #222;margin:2.5em 0;width:100%;opacity:.18}.blog-sidebar.center{position:relative;top:auto;left:auto;width:100%;margin:100px 0 0;transform:none;background:none;box-shadow:none;padding:2em 0;display:flex;justify-content:center}.blog-sidebar.center ul{display:flex;flex-direction:row;gap:2em;flex-wrap:wrap;justify-content:center;width:50%;margin:0 auto}.blog-sidebar.center a{font-size:1.1rem;color:#fff;background:#fff3;padding:.5em 1em;border-radius:12px}.blog-sidebar.center a:hover{background:#ffad06;color:#222}.blog-image-row{display:flex;gap:16px;margin:1.5em 0;justify-content:center;flex-wrap:wrap}.blog-img{max-width:200px;border-radius:12px;box-shadow:0 4px 16px #00000026}.school-blog-img{width:320px;height:320px;object-fit:cover;display:block}@media (max-width: 768px){.blog-sidebar{position:relative;width:100%;top:auto;left:auto;margin:0;padding:1.5em;transform:none;border-radius:0 0 20px 20px}.blog-sidebar h2{text-align:center;margin-bottom:1em;color:#f8f8f8}.blog-sidebar ul{gap:.5em}.blog-sidebar a{font-size:1rem;padding:.4em .8em;display:block;text-align:center;background:#ffad061a;border-radius:8px}.blog-area-multi{margin-left:0;padding:2em 1em}.blog-article{margin:1em 0;padding:1em 2vw;max-width:100vw;box-sizing:border-box;top:0;border-radius:12px}.blog-title{font-size:1.2rem;word-break:break-word}.blog-text{font-size:1rem;word-break:break-word}.blog-ingress{font-size:1.1rem}}@media (max-width: 1024px) and (min-width: 769px){.blog-sidebar{width:220px;padding:24px 16px}.blog-area-multi{margin-left:240px;padding:32px 16px}.blog-article{padding:1.5em 2vw;max-width:100vw;box-sizing:border-box;border-radius:16px}}@media (min-width: 1400px){.blog-area-multi{margin-left:320px}.blog-sidebar{width:300px;padding:40px 24px}.blog-article{max-width:800px;padding:56px 40px}}@media (max-width: 1024px){.blog-sidebar h2{text-align:left;margin-bottom:1em;color:#fffefe;padding:0}.blog-sidebar ul{gap:.5em}.blog-sidebar a{font-size:1rem;padding:.4em 0;display:block;text-align:left;background:none;border-radius:0;color:#222;margin:0}}body.darkmode .blog-article{background:#23242a!important;color:#f3f3f3!important;border:1.5px solid #444}body.darkmode .blog-article .blog-title,body.darkmode .blog-article .blog-ingress{color:#fff!important}body.darkmode .blog-article .blog-date{color:#bdbdbd!important}body.darkmode .blog-article .blog-text{color:#e0e0e0!important}body.darkmode .blog-sidebar{color:#f3f3f3!important}body.darkmode .blog-sidebar h2,body.darkmode .blog-sidebar a{color:#fff!important}body.darkmode .blog-sidebar a:hover{color:#ffad06!important;background:#33343a!important}body,html,.test-root{background:#000;min-height:100%;margin:0;padding:0;width:100vw;overflow-x:hidden}.test-root{position:relative;min-height:100%;width:100vw}.video-container{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .7s cubic-bezier(.77,0,.175,1);pointer-events:none}.intro-video{width:100vw;height:100%;object-fit:cover;border:none;background:#0000;transition:all .7s cubic-bezier(.77,0,.175,1);border-radius:0}.video-container.shrink{width:200px;height:112px;top:20px;left:20px;border-radius:12px;box-shadow:0 4px 24px #000a;z-index:1;pointer-events:auto;position:fixed;overflow:hidden}.video-container.shrink:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:12px;background:radial-gradient(ellipse at center,#0000 35%,#000000d9);z-index:2}.video-container.shrink .intro-video{width:200px;height:112px;border-radius:12px;z-index:0}.scroll-down-wrapper{display:flex;align-items:center;justify-content:center;gap:18px;position:fixed;bottom:32px;left:0;width:100vw;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.scroll-down-text{text-align:center;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.1em;opacity:1;animation:bounce 2.2s infinite;transition:opacity .4s}.corner-box{position:fixed;right:32px;bottom:32px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:100;pointer-events:auto}.cool-text{color:#fff;font-size:1.2rem;font-weight:500;opacity:.85;margin-bottom:6px}.play-again-btn{background:#fff;color:#000;border:none;border-radius:8px;padding:6px 16px;font-size:1rem;font-weight:700;cursor:pointer;pointer-events:auto;transition:background .2s,color .2s}.play-again-btn:hover{background:#222;color:#fff}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.test-content{margin-top:60px;padding:48px 0;max-width:1200px;margin-left:auto;margin-right:auto;color:#fff;font-size:1.2rem;z-index:1;position:relative}@media (max-width: 600px){.video-container.shrink{width:70px;height:40px;top:10px;left:10px}.video-container.shrink .intro-video{width:70px;height:40px;z-index:0}.test-content{padding:24px 0;font-size:1rem;margin-top:40px}.scroll-down-wrapper{gap:8px;bottom:18px}.scroll-down-text{font-size:1.1rem}.corner-box{right:10px;bottom:10px;gap:4px}.cool-text{font-size:1rem}.play-again-btn{font-size:.9rem;padding:4px 10px}}.blog-wrapper{min-height:100vh;width:100vw;position:relative;font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none}.blog-layout{display:flex;flex-direction:row;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;gap:24px}.blog-sidebar.center{min-width:120px;max-width:140px;flex:0 0 120px;background:none;border-radius:0;box-shadow:none;padding:.5em 0 .5em .5em;margin:100px 0 0;align-items:flex-start}.blog-sidebar.center ul{flex-direction:column;gap:.3em;list-style:none;padding:0;width:100%;margin:0}.blog-sidebar.center li{border-radius:4px;padding:0 0 4px;margin:0 0 4px}.blog-sidebar.center a{color:#fdfdfd;text-decoration:none;font-size:.78rem;font-weight:500;transition:color .2s;border-radius:4px;padding:.15em .5em;background:#23242a;display:block;text-align:left}.blog-sidebar.center a:hover{color:#ffad06;background:#33343a}.blog-area-multi.center{flex:1 1 0;margin:0;padding:0 0 48px;max-width:100%;display:flex;flex-direction:column;gap:32px}.blog-article{background:#fff;border-radius:24px;max-width:90%;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding-right:50px}.blog-date{font-size:1rem;color:#666;margin-bottom:2em;text-align:center;font-weight:500}.blog-title{font-size:1.8rem;color:#222;margin-bottom:1em;text-align:center;line-height:1.3;font-weight:600}.blog-text{font-size:1.1rem;line-height:1.7;color:#333;text-align:left;margin:0;font-weight:400}.blog-ingress{font-weight:700;font-size:1.2rem;color:#222}.blog-image-row{display:flex;flex-direction:row;gap:2vw;justify-content:center;align-items:flex-start;margin:2em 0}.blog-img{width:320px!important;height:320px!important;max-width:320px!important;max-height:320px!important;min-width:320px!important;min-height:320px!important;border-radius:18px;box-shadow:0 4px 24px #00000021;object-fit:cover}.blog-article.dark{background:#23242a;color:#f3f3f3;border-radius:24px;border:1.5px solid #444;box-shadow:0 4px 24px #0000002e}.blog-article.dark .blog-title,.blog-article.dark .blog-ingress{color:#fff}.blog-article.dark .blog-date{color:#bdbdbd}.blog-article.dark .blog-text{color:#e0e0e0}@media (max-width: 900px){.blog-layout{flex-direction:column;gap:0;max-width:80vw}.blog-sidebar.center,.blog-area-multi.center{max-width:100vw;min-width:0;flex:1 1 100%}.blog-article{padding:18px 2vw;max-width:99vw}.blog-title{font-size:1.1rem}.blog-image-row{flex-direction:column;gap:2em;align-items:center}.blog-img{width:90vw;max-width:320px}}@media (max-width: 600px){.blog-article{padding:18px 2vw;max-width:99vw}.blog-title{font-size:1.1rem}}