body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.App{background-color:#fff;color:#333;display:flex;flex-direction:column;min-height:100vh}.App.dark-mode{background-color:#1e1e1e;color:#fff}.App-content{box-sizing:border-box;flex:1 1;overflow-y:auto}.header-container{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:10px;position:fixed;width:100%;z-index:1000}.dark-mode{background-color:#000}.toggle-button{transition:transform .3s ease}.toggle-button:hover{transform:scale(1.2)}.section-buttons{display:flex;justify-content:flex-end;margin-right:2%}.section-button{background-color:initial;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:13px;font-weight:700;margin-left:10px;padding:15px}.section-button.active{transition:background-color .3s ease,color .1s ease}.section-button.active,.section-button:hover{background-color:#6bb3ff;color:#fff}.header-container.dark-mode .section-button{color:#fff}.header-container.dark-mode .section-button:hover{background-color:#7d7d7e}.header-container.dark-mode .section-button.active{background-color:#8c8c8c;transition:background-color .3s ease,color .1s ease}@media screen and (max-width:768px){.toggle-button{font-size:2vw}.section-buttons{display:none}}.animated-border-link{animation:animatedText 8s linear infinite;background-clip:text;-webkit-background-clip:text;background-color:#ffbf00cc;background-image:linear-gradient(270deg,#ffbf00,#ff6f61,#ff1493,#6a5acd,#00bcd4,#00e676,#8bc34a,#00ffea,#ffbf00);background-size:1000% 1000%;color:#0000;font-weight:100;margin-top:49pt;padding:8px 16px;position:relative;text-align:start;text-shadow:0 0 12px #ffbf00cc;z-index:0}@keyframes animatedText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.toggle-button{background-color:initial;border:none;color:#000;cursor:pointer;font-size:16px;padding:5px 10px;transition:color .3s ease}.toggle-button:hover{text-decoration:underline}.toggle-button.dark-mode{color:#fff}.toggle-icon{font-size:25px;margin-right:5px;transition:transform .3s ease}.toggle-icon.dark-mode{transform:rotate(180deg)}.footer{font-family:Arial,sans-serif;height:auto;padding:0}.light-mode .footer{background-color:#f1f1f1ec;color:#000}.dark-mode .footer{background-color:#8e8e8e;color:#fff}.contact-and-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.contact-form{width:45%}.contact-form h3{font-size:35px;margin:1%;padding:1%}.contact-form h2{font-size:15px;font-weight:lighter;margin:auto auto auto 1.5%;padding:1%}.contact-form form{align-items:center;display:flex;flex-direction:column}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-size:15px;margin-bottom:3%;padding:1rem;width:90%}.contact-form button{background-color:#8ebcec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:large;padding:4%}.contact-form button:hover{background-color:#007bff}.info-section{width:45%}.info-section>div{margin-bottom:10px}.info-section h3{font-size:35px;margin:1%;padding:1%}.info-section p{font-size:20px}.social-buttons{align-items:center;justify-content:space-around}.social-buttons a{margin:0 5px}.social-buttons img{width:40px}.footer p{font-size:medium;font-weight:lighter;text-align:center;width:100%}.contact-form textarea.message{height:10rem}@media only screen and (max-width:800px){.contact-and-info{align-items:center;flex-direction:column}.contact-form h3,.info-section h3{font-size:20px}.contact-form,.info-section{margin-bottom:20px;width:90%}}.home{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.home.dark-mode{background-image:url(/static/media/cloud_dark.51edaa54cabe7b964ae9.png)}.home.light-mode{background-image:url(/static/media/cloud.f28b5c6961fd82be839c.png)}.home-container{display:flex;margin-top:100px;max-width:100%;width:100%}.home-info{padding-left:5%;text-align:justify}.hello-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.wave-hand{animation:wave 1s infinite alternate;cursor:pointer;display:inline-block;position:relative;transform-origin:bottom}@keyframes wave{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(20deg)}50%{transform:scale(1) rotate(0deg)}75%{transform:scale(1.2) rotate(-20deg)}}.popup{background-color:#ffffff3b;border-radius:5px;box-shadow:0 2px 5px #0003;left:50%;padding:10px;position:fixed;top:4%;transform:translate(-50%,-50%)}.popup p{color:#000;font-weight:lighter;margin:0}h1{font-size:2.9rem}h1,p{font-weight:700}p{font-size:1.5rem;margin-top:0}.home-typing-effect{animation:typing 15s linear infinite,blink-caret .5s infinite alternate;border-right:2px solid #0000;color:blue;font-size:1.5rem;height:2rem;overflow:hidden;white-space:nowrap}@keyframes typing{0%,to{width:0}50%{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fff0}}.home h2{color:#fff}.home h2,.home.light-mode h2{font-size:1.5rem;font-weight:lighter}.home.light-mode h2{color:#000}.image-container{align-items:flex-start;display:flex;flex-direction:column}.image-container.shake-animation{animation:shake .5s ease-in-out}.social-buttons{display:flex;justify-content:space-evenly;margin-top:0}.social-buttons a{color:inherit;font-size:30px;margin-right:1px;transition:transform .2s ease-in-out}.social-buttons a:hover{transform:scale(1.2)}.social-buttons a:last-child{margin-right:0}.home.dark-mode .resume-button button{background-color:rgba(0,0,0,.596);border:1px solid #fff;color:#fff}.home.dark-mode .resume-button button:hover{background-color:#fff;border:1px solid #000;color:#000}.developer-image{height:auto;max-width:100%}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.social-buttons a img{height:auto;width:40px}@media only screen and (max-width:800px){.home-info{display:flex;margin-right:5%;margin-top:-100pt;text-align:justify}.hello-text,.home-info{align-items:center;flex-direction:column}h1{font-size:5vw}h1,p{line-height:1.2;margin:0 auto 10px;max-width:90%}p{font-size:3vw}.home-typing-effect{font-size:x-small;height:1rem}.home h2,.home.light-mode h2{font-size:1rem;font-weight:lighter}.social-buttons a img{height:auto;margin-right:10px;width:20px}.resume-button button{font-size:14px;padding:6px 14px}.image-container{display:none}}.resume-popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.resume-popup,.resume-popup-content{align-items:center;display:flex;justify-content:center}.resume-popup-content{background-color:#ffffff38;border-radius:20px;flex-direction:column;height:90%;max-height:90%;max-width:90%;overflow-y:auto;position:relative;width:90%}.close-button{background-color:initial;border:none;color:#0df;cursor:pointer;font-size:14px;position:absolute;right:1px;top:1px}.close-button:hover{color:red}iframe{border:none;height:100%;width:100%}@media only screen and (max-width:600px){.resume-popup-content{padding:10px}}.about-me{height:auto;min-height:100vh;padding:20px;text-align:left;width:auto}.about-me h2{color:#5fa2ff;font-size:3rem;margin-bottom:10px}.about-me p{color:#000;font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-align:justify}.about-me.dark-mode{background-color:#9a9a9ae3}.about-me.dark-mode p{color:#e6e6e6ba}.button-group{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:wrap;height:auto;justify-content:space-between;margin-bottom:1%;transform:translateY(100%);transition:transform .5s ease-out;width:100%;will-change:transform}.button-group.show{transform:translateY(0)}.button-group button{align-items:center;background-color:#ffbf00cc;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:20px;justify-content:center;margin:.5%;min-width:150px;padding:15px 30px;transition:background-color .3s ease}.button-group button img{margin-right:10px;max-width:50px}.button-group button:hover{background-color:#ffa600}.button-group+.button-group{margin-top:20px}@media only screen and (max-width:800px){.about-me{height:auto;padding:40px 0}.about-me h2{font-size:4vw;margin-bottom:10px;text-align:center}.about-me p{font-size:2.5vw;margin-bottom:10px}.button-group{height:auto;justify-content:center;width:auto}.button-group button{font-size:10px;margin:2%}.button-group button img{margin-right:10px;max-width:20px}}.education{background-color:rgba(243,245,246,.798);height:auto;padding:2%;text-align:left;width:auto}.education h2{font-size:3rem}.education h2,.education h3{font-weight:700;margin-bottom:auto}.education h3{font-size:2rem}.education p{color:#333;font-size:1rem;line-height:1.6}.education ul{list-style-type:circle;padding:auto}.education li{font-size:1.2rem;margin-bottom:auto;text-underline-position:below}.dark-mode .education{background-color:#919191d5}.dark-mode .education h2,.dark-mode .education h3,.dark-mode .education p,.dark-mode .education ul{color:#ffffff8a}.dark-mode .resume-button button{background-color:rgba(0,0,0,.596);border:1px solid #fff;color:#fff}.dark-mode .resume-button button:hover{background-color:#fff;border:1px solid #000;color:#000}.resume-button{margin-top:25px;text-align:left}.resume-button button{background-color:#8ebcec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:1%;padding:15px 30px}.resume-button button:hover{background-color:#007bff;transform:scale(1.1)}@media only screen and (max-width:800px){.education{padding-left:5%;padding-top:5%}.education h2{font-size:1.5rem}.education h3{font-size:1rem}.education p,.education ul li{font-size:.7rem;font-weight:lighter}}.work{background-color:#f3f4f6;padding:1%}.work h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.course-link{color:#007bff;font-weight:500;text-decoration:none}.course-link:hover{color:#0056b3;text-decoration:underline}.timeline{margin-top:2rem;padding-left:10px;position:relative}.timeline-item{border-left:2px solid #007bff;margin-bottom:2rem;padding-left:20px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{background-color:#007bff;border-radius:50%;content:"";height:16px;left:-8px;position:absolute;top:0;width:16px}.timeline-content{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1rem}.timeline-content h3{color:#007bff;font-size:1.5rem;margin:0}.timeline-content h4{color:#333;font-size:1.2rem;margin:.5rem 0}.timeline-content .duration{color:#666;font-style:italic;margin-bottom:.5rem}.timeline-content ul{list-style:disc;margin-left:1.5rem}.timeline-content li{color:#555;margin-bottom:.5rem}.dark-mode .work{background-color:#9a9a9ae3}.dark-mode .work h2{color:#e6e6e6ba}.dark-mode .timeline-item:before{background-color:#fff}.dark-mode .timeline-content{background:#333;border-color:#555}.dark-mode .timeline-content h3{color:#1e90ff}.dark-mode .timeline-content .duration,.dark-mode .timeline-content h4,.dark-mode .timeline-content li{color:#dbdbdb}@media only screen and (max-width:800px){.work h2{font-size:1.5rem;margin-bottom:20px}.timeline-content{padding:1rem}.timeline-content h3{font-size:1.2rem}.timeline-content h4{font-size:1rem}.timeline-content li{font-size:.9rem}}.projects{background-color:#fafafa;padding:4%}.projects h2{color:#333;font-size:2.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.project-card{border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{box-shadow:0 8px 20px #0003;transform:scale(1.03)}.project-image img{border-radius:12px;display:block;height:auto;object-fit:cover;transition:filter .3s ease-in-out,transform .3s ease-in-out;width:100%}.project-card:hover .project-image img{filter:blur(0);transform:scale(1.05)}.project-overlay{align-items:center;background:linear-gradient(180deg,#0003,#000c);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{font-size:2rem;margin-bottom:1rem}.details-button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:12px 24px;text-decoration:none;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.details-button:hover{background-color:#0056b3;transform:scale(1.1)}.collaborate-section{margin-top:3rem;text-align:center}.collaborate-section p{color:#555;font-size:1.2rem}.collaborate-button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-top:1rem;padding:12px 24px;text-decoration:none;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.collaborate-button:hover{background-color:#0056b3;transform:scale(1.05)}.dark-mode .collaborate-section p{color:#ddd}.dark-mode .collaborate-button{background-color:#1e90ff}.dark-mode .collaborate-button:hover{background-color:#6495ed}.dark-mode .projects{background-color:#919191d5}.dark-mode .projects h2{color:#ffffff8a}.dark-mode .project-overlay{background:#000c}.dark-mode .details-button{background-color:#1e90ff}.dark-mode .details-button:hover{background-color:#6495ed}@media only screen and (max-width:800px){.projects-grid{grid-template-columns:1fr}.project-card{border-radius:8px}.project-overlay h3{font-size:1.2rem}.details-button{font-size:.9rem;padding:10px 20px}}.research-publications{background-color:#f3f4f6;padding:2%}.research-publications h2{font-size:2.5rem;margin-bottom:auto}.research-publications .publication-entry{margin-bottom:auto}.research-publications h3{font-size:1.8rem;font-weight:lighter;margin-bottom:auto;text-decoration:underline}.research-publications p{color:#333;font-size:1.2rem;font-style:italic;font-weight:lighter}.dark-mode .research-publications{background-color:#939393c6}.dark-mode .research-publications .publication-entry h3,.dark-mode .research-publications .publication-entry p,.dark-mode .research-publications h2{color:#cacaca}@media only screen and (max-width:800px){.research-publications h2{font-size:1.5rem;margin-bottom:20px}.research-publications .publication-entry h3{font-size:1.2rem;margin-bottom:10px}.research-publications p{font-size:1rem;line-height:1.4}}.semantic-container{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif}.header{background:linear-gradient(90deg,#007bff,#0056b3);color:#fff;padding:50px 20px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.2rem;margin:0 auto;max-width:600px}.zigzag-section{display:flex;flex-direction:column;gap:50px;padding:50px 20px}.zigzag-block{align-items:center;display:flex;gap:30px;justify-content:center;margin:0 auto;max-width:1100px}.zigzag-block.reverse{flex-direction:row-reverse}.zigzag-text{flex:1 1;padding:20px}.zigzag-text h2{color:#007bff;font-size:2rem;margin-bottom:10px}.zigzag-text p{font-size:1rem;line-height:1.5}.zigzag-image{flex:1 1;text-align:center}.zigzag-image img{border-radius:10px;box-shadow:0 4px 8px #0003;max-width:500px;width:100%}.btn-link{background-color:#007bff;margin-top:10px}.btn-link:hover{background-color:#0056b3}.footer{background-color:#333;color:#fff;font-size:.9rem;padding:20px;text-align:center}@media (max-width:768px){.header h1{font-size:2rem}.header p{font-size:1rem}.zigzag-block{align-items:center;text-align:center}.zigzag-block,.zigzag-block.reverse{flex-direction:column}.zigzag-text{padding:10px}.zigzag-text h2{font-size:1.8rem}.zigzag-text p{font-size:.9rem}.zigzag-image img{max-width:90%}.btn-link{font-size:.9rem;padding:8px 16px}}.nst-container{background-color:#edf2f4;color:#2b2d42;font-family:Arial,sans-serif;padding:0 20px}.nst-header{background:linear-gradient(90deg,#8d99ae,#2b2d42);color:#fff;padding:50px 20px;text-align:center}.nst-header h1{font-size:2.5rem;margin-bottom:10px}.nst-header p{font-size:1.2rem;margin:0 auto;max-width:800px}.nst-intro{margin:50px auto;max-width:800px;text-align:center}.nst-intro h2{color:#8d99ae;font-size:2rem;margin-bottom:10px}.nst-features{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:1000px;padding:20px}.nst-features h2{color:#2b2d42;font-size:2rem;margin-bottom:20px;text-align:center}.feature-item{background:#f8f9fa}.feature-item h3{color:#8d99ae}.nst-image{margin:50px auto;text-align:center}.nst-image h2{color:#2b2d42;font-size:2rem;margin-bottom:20px}.nst-image img{border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;width:100%}.nst-image p{color:#6c757d;font-size:1rem;margin-top:10px}.nst-github{margin:50px auto;max-width:800px;text-align:center}.nst-github h2{color:#8d99ae;font-size:2rem;margin-bottom:10px}.nst-github p{font-size:1rem;line-height:1.5;margin-bottom:20px}.btn-link{background-color:#2b2d42}.btn-link:hover{background-color:#8d99ae}.nst-footer{background-color:#2b2d42;color:#fff;font-size:.9rem;padding:20px;text-align:center}.yolo-container{background-color:#f8f9fa;color:#1d3557;font-family:Arial,sans-serif;padding:0 20px}.yolo-header{background:linear-gradient(90deg,#457b9d,#1d3557);color:#fff;padding:50px 20px;text-align:center}.yolo-header h1{font-size:2.5rem;margin-bottom:10px}.yolo-header p{font-size:1.2rem;margin:0 auto;max-width:800px}.yolo-intro{margin:50px auto;max-width:800px;text-align:center}.yolo-intro h2{color:#457b9d;font-size:2rem;margin-bottom:10px}.yolo-features{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:1000px;padding:20px}.yolo-features h2{color:#1d3557;font-size:2rem;margin-bottom:20px;text-align:center}.feature-item{background:#f1faee}.feature-item h3{color:#457b9d}.yolo-image{margin:50px auto;text-align:center}.yolo-image h2{color:#1d3557;font-size:2rem;margin-bottom:20px}.yolo-image img{border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;width:100%}.yolo-image p{color:#6c757d;font-size:1rem;margin-top:10px}.yolo-github{margin:50px auto;max-width:800px;text-align:center}.yolo-github h2{color:#457b9d;font-size:2rem;margin-bottom:10px}.yolo-github p{font-size:1rem;line-height:1.5;margin-bottom:20px}.btn-link{background-color:#1d3557}.btn-link:hover,.yolo-footer{background-color:#457b9d}.yolo-footer{color:#fff;font-size:.9rem;padding:20px;text-align:center}.game-container{background-color:#f5f5f5;color:#222;font-family:Arial,sans-serif;padding:0 20px}.game-header{background:linear-gradient(90deg,#f39c12,#d35400);color:#fff;padding:50px 20px;text-align:center}.game-header h1{font-size:3rem;margin-bottom:10px}.game-header p{font-size:1.2rem;font-weight:100;margin:0 auto;max-width:800px}.game-overview{margin:50px auto;max-width:800px;text-align:center}.game-overview h2{color:#e67e22;font-size:2rem;margin-bottom:10px}.game-overview p{font-size:larger;font-weight:100;text-align:left}.game-gallery{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:50px 0}.game-code{margin:50px auto;max-width:800px;text-align:center}.game-code h2{color:#3498db;font-size:2rem;margin-bottom:10px}.game-code p{font-size:larger;font-weight:100;text-align:left}.btn-link{background-color:#2980b9;margin:8pt}.btn-link:hover{background-color:#1a5276}.game-footer{background-color:#222;color:#fff;font-size:.9rem;padding:20px;text-align:center}.android-container{background:#f7fafc;color:#222;font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.android-header{background:linear-gradient(92deg,#2c5364,#203a43 70%,#0f2027);color:#fff;padding:56px 18px 36px;text-align:center}.logo-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold 30%,#228b22 80%);-webkit-background-clip:text;font-size:2.8rem;font-weight:700}.android-header-desc{font-size:1.2rem;line-height:1.6;margin:0 auto 24px;max-width:720px}.cta-buttons{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:24px}.cta-btn{background:#0366d6;border-radius:8px;box-shadow:0 2px 12px #024c9914;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.03em;padding:13px 32px;text-decoration:none;transition:background .17s,box-shadow .2s}.cta-btn:hover{background:#024c99}.cta-btn-download{background:#228b22}.cta-btn-download:hover{background:#166c16}.android-screenshots{margin:48px auto 28px;max-width:1200px;text-align:center}.screenshots-grid{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin-top:32px}.screenshot-item{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0001;display:flex;flex-direction:column;margin-bottom:24px;padding:12px}.screenshot-item img{background:#fff;border:none;border-radius:20px;box-shadow:0 8px 32px #0002;display:block;height:auto;margin-bottom:14px;width:255px}.screenshot-item p{color:#203a43;font-size:1.02rem;line-height:1.5;margin:0}.android-features{background:#f1f6fa;border-radius:16px;box-shadow:0 2px 10px #0366d610;margin:36px auto 38px;max-width:1040px;padding:30px 20px}.android-features h2{color:#0366d6;font-size:2rem;margin-bottom:18px;text-align:center}.features-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:16px}.feature-item{background:#fff;border-radius:10px;box-shadow:0 1px 5px #0001;font-size:1.05rem;padding:18px 12px 14px}.feature-item h3{color:#228b22;font-size:1.3rem;margin-bottom:6px}.android-footer{background:#203a43;border-radius:0 0 12px 12px;color:#fff;font-size:1rem;margin-top:32px;padding:22px;text-align:center}@media (max-width:900px){.screenshots-grid{gap:18px}.android-features{padding:18px 6px}.screenshot-item{max-width:340px;width:97vw}}.scrum-container{background-color:#fcf8e8;color:#222;font-family:Arial,sans-serif;padding:0 20px}.scrum-header{background:linear-gradient(90deg,#2b5876,#4e4376);color:#fff;padding:50px 20px;text-align:center}.scrum-header h1{font-size:3rem;margin-bottom:10px}.scrum-header p{font-size:1.2rem;margin:0 auto;max-width:800px}.scrum-intro{margin:50px auto;max-width:800px;text-align:center}.scrum-intro p{font-size:larger;font-weight:100}.scrum-intro h2{color:#4e4376;font-size:2rem;margin-bottom:10px}.scrum-features{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:1000px;padding:20px}.scrum-features h2{color:#2b5876;font-size:2rem;margin-bottom:20px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:center}.feature-item h3{color:#4e4376;font-size:1.5rem;margin-bottom:10px}.feature-item p{font-size:1rem;line-height:1.6}.scrum-gallery{margin:50px 0}.scrum-gallery h2{color:#2b5876;font-size:2rem;margin-bottom:20px;text-align:center}.gallery-item{margin:20px auto;text-align:center}.gallery-item img{border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:10px;max-width:800px;width:100%}.gallery-item h3{color:#2b5876;font-size:1.5rem;margin-bottom:10px}.gallery-item p{font-size:1rem;line-height:1.5}.scrum-github{margin:50px auto;max-width:800px;text-align:center}.scrum-github h2{color:#2b5876;font-size:2rem;margin-bottom:10px}.scrum-github p{font-size:1rem;line-height:1.5;margin-bottom:20px}.btn-link{background-color:#4e4376;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn-link:hover,.scrum-footer{background-color:#2b5876}.scrum-footer{color:#fff;font-size:.9rem;padding:20px;text-align:center}.chatbot-container{bottom:24px;position:fixed;right:24px;z-index:999}.chatbot-toggle-button{align-items:center;background-color:#ffbf00cc;border:none;border-radius:24px;bottom:24px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;direction:rtl;display:flex;font-size:18px;gap:8px;height:48px;justify-content:flex-end;overflow:hidden;padding:12px;position:fixed;right:24px;transition:all .3s ease;white-space:nowrap;width:48px;z-index:1000}.chatbot-toggle-button:hover{background-color:#ffbf00cc;width:140px}.bee-icon{direction:ltr;flex-shrink:0;font-size:20px}.knowbee-label{color:#fff;direction:ltr;font-size:14px;opacity:0;transition:opacity .3s ease}.chatbot-toggle-button:hover .knowbee-label{font-weight:700;opacity:1}.chatbot-box{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;height:420px;margin-bottom:12px;overflow:hidden;width:340px}.chatbot-header{align-items:center;background-color:#ffbf00cc;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:14px}.chatbot-title-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatbot-title{font-size:11pt;font-weight:100;margin-bottom:10pt;margin-top:0}.chatbot-title-p{color:#a1a1a1;font-size:11pt;font-weight:100}.chatbot-header-actions{display:flex;gap:8px;margin-left:12px}.chatbot-header-button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s ease}.chatbot-header-button:hover{background:#fff3}.chatbot-body{color:#333;flex:1 1;font-size:14px;overflow-y:auto;padding:16px}.chatbot-message{border-radius:12px;font-family:system-ui,Segoe UI Emoji,Apple Color Emoji,sans-serif;line-height:1.4;margin-bottom:8px;max-width:85%;padding:8px 12px}.chatbot-message.user{align-self:flex-end;background-color:#e7f3ff;margin-left:auto}.chatbot-message.bot{align-self:flex-start;background-clip:padding-box;background-color:#f4f4f4;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;margin-right:auto;max-width:85%;padding:12px 16px;position:relative;z-index:0}.chatbot-message h1,.chatbot-message h2,.chatbot-message h3,.chatbot-message h4,.chatbot-message h5,.chatbot-message h6{font-size:14px;font-weight:700;margin:0 0 6px}.chatbot-message p{color:#00000026;font-size:14px;font-weight:400;margin:0 0 6px}.chatbot-message strong{font-weight:900}.chatbot-message a{color:#007bff;font-size:14px;text-decoration:underline}.chatbot-message ol,.chatbot-message ul{font-size:14px;margin-bottom:6px;padding-left:1.25rem}.chatbot-message li{margin-bottom:4px}.chatbot-message.bot:before{animation:animatedBorder 8s linear infinite;background:linear-gradient(270deg,#ffbf00cc,#ff6f61,#ff1493,#6a5acd,#00bcd4,#00e676,#8bc34a,#00ffea,#ffbf00cc);background-size:1000% 1000%;border-radius:14px;bottom:-2px;box-shadow:0 0 8px #ffbf0099;content:"";left:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;padding:2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes animatedBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.chatbot-input-wrapper{border-top:1px solid #eee;display:flex;gap:8px;padding:12px}.chatbot-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;outline:none;padding:10px}.chatbot-submit-button{background-color:#ffbf00cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px;transition:background .2s ease}.chatbot-submit-button:hover{background-color:#e0a800}@media (max-width:600px){.chatbot-box{bottom:24px;height:50vh;position:fixed;right:5vw;width:90vw}.chatbot-toggle-button{padding:10px}.chatbot-header{font-size:14px}.chatbot-input{font-size:16px}.chatbot-submit-button{font-size:14px;padding:8px 12px}}html{background:linear-gradient(120deg,#c5c4ff,#ffdfdf);height:100%;margin:0;min-height:100vh;padding:0}.aligned-rewards-container{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0002;font-family:Inter,Segoe UI,Arial,sans-serif;margin:auto;max-width:900px;padding:2.5rem 1.5rem 1.5rem}.ar-heading{color:#264dbf;font-size:2.4rem;font-weight:800;letter-spacing:-1px;margin:1rem 0 .5rem;text-align:center}.ar-overview{color:#3a4066;font-size:1.09rem;margin:0 auto;max-width:700px;text-align:center}.ar-overview p{font-size:larger;font-weight:100}.ar-features{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:2.5rem 0 2rem}.ar-feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #2a438818;flex:1 1;min-width:250px;padding:1.1rem 1rem}.ar-feature-blue{background:#e9f0fb}.ar-feature-pink{background:#f9e8fa}.ar-feature-card h4{font-size:1.15rem;margin:0 0 .3rem}.ar-section{justify-items:center;margin:2.5rem 0 2rem}.ar-section h2{color:#2348a5;margin-bottom:12px}.ar-pdf{background:#fff;border:1px solid #ddd;border-radius:8px}.ar-pdf-scale-wrapper{align-items:flex-start;display:flex;height:420px;justify-content:center;overflow:hidden;width:100%}.ar-pdf-scale-wrapper .ar-pdf{border:none;height:600px;transform:scale(.7);transform-origin:top left;width:140%}.ar-documents{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin:0 0 2.5rem}.ar-doc-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #264dbf12;flex:1 1;min-width:300px;padding:1.1rem 1rem}.ar-doc-blue{background:#f6faff}.ar-doc-pink{background:#fdf8fa}.ar-doc-card h3{font-size:1.15rem;margin:0 0 .7rem}.ar-download-link{margin-top:8px;text-align:center}.ar-download-link a{color:#264dbf;font-weight:600;text-decoration:none}.ar-download-link a:hover{text-decoration:underline}.ar-buttons{margin:1.8rem 0;text-align:center}.ar-btn{border:none;border-radius:6px;box-shadow:0 2px 6px #0001;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;margin:0 .7rem;padding:.6rem 1.2rem;text-decoration:none;transition:background .18s}.ar-btn-blue{background:#2348a5;color:#fff}.ar-btn-blue:hover{background:#436de5}.ar-btn-pink{background:#e54b62;color:#fff}.ar-btn-pink:hover{background:#c03a4e}@media (max-width:900px){.aligned-rewards-container{max-width:98vw;padding:2rem .7rem 1rem}.ar-heading{font-size:2rem}.ar-overview{font-size:1rem}.ar-section{margin:2rem 0 1.4rem}}@media (max-width:750px){.ar-documents,.ar-features{flex-direction:column;gap:1.5rem}.aligned-rewards-container{max-width:100vw;padding:1.1rem .2rem .7rem}.ar-heading{font-size:1.52rem;margin-top:.5rem}.ar-doc-card,.ar-feature-card{min-width:0;min-width:auto;padding:.85rem .8rem}.ar-overview{font-size:.97rem;padding:0 .4rem}.ar-section h2{font-size:1.22rem}}@media (max-width:500px){.aligned-rewards-container{border-radius:0;box-shadow:none;padding:.7rem .08rem .1rem}.ar-heading{font-size:1.08rem;margin-top:.4rem}.ar-doc-card h3,.ar-feature-card h4,.ar-overview,.ar-section h2{font-size:.95rem}.ar-doc-card,.ar-feature-card{border-radius:6px;padding:.6rem .55rem}.ar-section{margin:1.1rem 0 .7rem}.ar-pdf-scale-wrapper{height:260px}.ar-pdf-scale-wrapper .ar-pdf{height:400px;transform:scale(.49);width:204%}.ar-buttons{margin:1rem 0}.ar-btn{font-size:.95rem;margin:0 .22rem .5rem 0;padding:.45rem .7rem}}:root{--naav-font-base:1.06rem;--naav-card-width:495px}@media (max-width:900px){:root{--naav-card-width:97vw;--naav-font-base:1.04rem}}@media (max-width:600px){:root{--naav-card-width:100vw;--naav-font-base:0.99rem}}.naav-card{background:linear-gradient(130deg,#fafdff 50%,#f7f3ff);border:1.3px solid #f0e9dc;border-radius:18px;box-shadow:0 6px 30px #3c416e24;font-size:1.219rem;font-size:calc(var(--naav-font-base)*1.15);margin:1.5rem auto;max-width:495px;max-width:var(--naav-card-width);overflow:hidden;padding:1.4rem 1.2rem 1.2rem;position:relative;transition:box-shadow .18s}.naav-card:hover{box-shadow:0 12px 44px #3c416e30}.naav-badges{display:flex;gap:.55rem;margin-bottom:.42rem}.naav-badge-primary{background:linear-gradient(90deg,#3952f5 60%,#2baee9);border-radius:1.25em;box-shadow:0 1px 4px #32325a0f;color:#fff;font-size:.87em;font-weight:700;letter-spacing:.02em;padding:.21rem .83rem}.naav-badge-secondary{background:#292d33;border-radius:1.25em;color:#fafaff;font-size:.81em;font-weight:600;padding:.19rem .83rem}.naav-title{color:#24243a;font-size:1.41rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.2rem;text-shadow:0 1px 1px #f5f4fe}.naav-highlight{background:linear-gradient(90deg,#ffef8f 60%,#ffd77e);border-radius:.4em;padding:.06em .26em}.naav-desc{color:#3d3a5c;font-size:1.03rem;font-weight:100;line-height:1.55;margin-bottom:.75rem}.naav-buttons{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.05rem}.naav-btn{border:none;border-radius:1.25em;box-shadow:0 1px 7px #3c416e1a;cursor:pointer;display:inline-block;font-size:1.04em;font-weight:800;letter-spacing:.015em;outline:none;padding:.53em 1.13em;text-decoration:none;transition:background .16s,box-shadow .16s,transform .12s}.naav-btn-demo{background:linear-gradient(90deg,#ff5e62 30%,#f96);color:#fff!important}.naav-btn-demo:hover{background:linear-gradient(90deg,#ff3c3b 20%,#fda86b);box-shadow:0 3px 12px #ff634721;transform:translateY(-1px) scale(1.045)}.naav-btn-source{background:linear-gradient(90deg,#2656c7 40%,#23b4e7);color:#fff!important}.naav-btn-source:hover{background:linear-gradient(90deg,#143781 20%,#17a3db);box-shadow:0 3px 12px #23b4e721;transform:translateY(-1px) scale(1.045)}.naav-section{margin-bottom:.8rem}.naav-section-title{color:#22223c;display:block;font-size:1.01em;font-weight:700;margin-bottom:.11rem}.naav-list{font-size:.9em;list-style:disc inside;margin-top:.13em}.naav-list,.naav-list-ol{color:#444262;margin-left:.7em}.naav-list-ol{font-size:.8em;list-style:decimal inside;margin-top:.1em}.naav-code{background:#f5f7fb;border-radius:.32em;color:#313857;display:block;font-family:Fira Mono,Consolas,monospace;font-size:1em;margin:.22em 0 .37em;overflow-x:auto;padding:.32em .7em}.naav-footer{color:#58545d;font-size:.99em;letter-spacing:.01em;margin-top:1.1rem}@media (max-width:900px){.naav-card{font-size:1.0918rem;font-size:calc(var(--naav-font-base)*1.03);max-width:98vw;padding:1.1rem .9rem 1rem}.naav-title{font-size:1.25rem}.naav-btn{font-size:1em;padding:.49em 1em}}@media (max-width:600px){.naav-card{border-radius:9px;font-size:1.06rem;font-size:var(--naav-font-base);max-width:100vw;padding:.8rem .4rem .7rem}.naav-title{font-size:1.11rem}.naav-buttons{flex-direction:column;gap:.5rem}.naav-btn{padding:.48em 0;text-align:center;width:100%}.naav-badges{flex-direction:column;gap:.3rem}}
/*# sourceMappingURL=main.20b46a79.css.map*/