body{margin:0;font-family:Questrial,sans-serif;-webkit-font-smoothing:"Roboto",sans-serif;-moz-osx-font-smoothing:"Roboto",sans-serif;font-style:normal;background-color:var(--main-bg-color);cursor:url(../files/cursor.png),auto}:root{--main-bg-color: #000000;--color-primary: #ffffff;--color-white: #ffffff}#navbar{position:relative;display:flex;justify-content:space-around;align-items:center;padding:0;margin:0 auto;background-color:var(--main-bg-color)}.nav-links{display:flex;align-items:center;padding-right:20px;height:8rem;box-shadow:0 40px 60px #0003}.nav-logo{position:fixed;top:2rem;left:1rem;padding:0;margin:0;display:flex;align-items:center}.navlogo{height:4rem;width:6rem;transition:transform .5s ease-in-out}.navlogo.active-black{filter:brightness(0) saturate(100%)}.navlogo:hover{transform:scale(.8)}.nav-link-container{display:flex;gap:1.5rem;list-style:none}.nav-items-container{display:flex}.nav-link-items{color:var(--color-primary);font-weight:700;position:relative;cursor:pointer}.nav-link-items:hover{color:#fff9}.nav-link-items:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-image:linear-gradient(90deg,#c5ff95,#5debd7 25%,#1679ab 56%,#074173 83%);visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nav-link-items:hover:after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.social-links{display:flex;height:100%}.social-link-container{display:flex;gap:1.5rem;list-style:none}.social-link-items{color:var(--color-primary);opacity:1;transition:opacity 1s ease 0s}.social-link-items:hover{opacity:.7}@media screen and (max-width: 1200px){#navbar{justify-content:space-between;width:100%;margin-bottom:2rem}.nav-logo{z-index:2;position:relative;top:1rem;left:1rem;padding:0;margin:0;display:flex}.hamburger-menu{position:absolute;top:25px;right:25px;display:flex;flex-direction:column;justify-content:space-around;width:20px;height:20px;z-index:2}.nav-line{display:block;background-color:var(--color-primary);width:100%;height:.188rem;border-radius:.625rem;transition:all ease-in-out .2s}.nav-links{background:var(--main-bg-color);background:linear-gradient(162deg,var(--bg-color-first-shade) 0%,var(--bg-color-second-shade) 88%);position:absolute;width:100%;align-items:center;left:0;top:-20rem;z-index:1;transition:all ease-in-out .4s;box-sizing:border-box;padding-right:0}.social-links{display:none}.nav-links ul{flex-direction:column;align-items:center;width:100%;padding:3rem 0 .6rem;z-index:-100}.nav-links ul li{text-align:center}.nav-items-container,.nav-link-container{flex-direction:column}}.nav-links.nav-active{top:30px;height:100vh;background-color:#000}.hamburger-menu.nav-active :nth-child(1){transform:rotate(45deg) translate(.45rem,.1875rem)}.hamburger-menu.nav-active :nth-child(2){opacity:0}.hamburger-menu.nav-active :nth-child(3){transform:rotate(-45deg) translate(.45rem,-.1875rem)}.main-section{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;display:flex;align-items:center;background:var(--main-bg-color);margin-top:8rem}.h1-like-p{font-weight:400;margin:0;line-height:1.5;color:inherit;font-size:48px}.main-section-content{color:var(--color-white);padding:0 0 2rem;position:relative;left:15rem}.main-section-content-heading{font-size:48px;line-height:4rem}.heading-gradiant-color{background:linear-gradient(90deg,#c5ff95,#5debd7 25%,#1679ab 56%,#074173 83%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.main-section-content-heading>*{margin:0;animation:slideInLeftFade 1s ease-out}.main-section-video{width:65rem;height:20%;border-radius:20px;overflow:hidden;margin-top:4rem}.main-video{width:100%;height:100%;border-radius:20px;opacity:.6}@keyframes slideInLeftFade{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.main-section-content-para{margin-top:2rem;font-size:25px;line-height:2.5rem;color:#888}.main-section-content-para>*{margin:0;animation:fadeIn 5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.para-char{display:inline-block;transition:transform .3s}.para-char.up{transform:translateY(-5px);animation:none}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media screen and (min-width: 1200px) and (max-width: 2560px){.main-section-video{width:55rem}}@media screen and (max-width: 1200px){.main-section{margin:5rem 2rem}.main-section-content{left:0;padding:0 0 2rem;position:relative;align-items:center}.main-section-video{width:20rem}}.bottom-bar{height:.6rem;background:linear-gradient(90deg,#c5ff95,#5debd7 25%,#1679ab 56%,#074173 83%);position:fixed;bottom:0;width:100%}#skills{background-color:var(--color-white)}.skills-container{display:grid;grid-template-columns:40% 60%;padding-top:4rem}.skills-heading{text-align:left;display:flex;flex-direction:column;align-items:center}.skills-heading p:nth-child(1){font-weight:bolder;font-size:2.5rem}.skills-heading p:nth-child(2){font-size:2.5rem;color:#bcbcbc}#skills.active .skills-heading{position:fixed;top:2rem;left:10.5rem}#skills.active .skills-content{grid-column:2 / span 1}.skills-heading p{width:100%;max-width:300px;margin:0}.skills-content{padding-right:6rem}.skills-section-card:first-child{margin:0}.skills-section-card{border-left:1.5px solid #000;border-color:#bcbcbc;padding-left:2rem;margin:5rem 0}.skills-section-title{font-size:3rem;font-weight:500;transition:color .5s ease}.skills-section-title:hover{color:#5debd7}.skills-section-skills{font-size:1.2rem;letter-spacing:.05rem}.skills-section-description{font-size:1.1rem;letter-spacing:.05rem}@media screen and (max-width: 1200px){.skills-container{display:flex;flex-direction:column;gap:2rem;padding-top:4rem}#skills.active .skills-heading{position:relative;top:auto;left:auto}.skills-content{padding-right:0}.skills-section-card:first-child,.skills-section-card{border-left:1.5px solid #000;border-color:#bcbcbc;padding-left:1rem;margin:5rem 2rem;width:auto}.skills-section-title{margin:1rem 0}}@media screen and (max-width: 1200px){.trivia-game{padding:10px}.card{width:95%;max-width:90%}.points{font-size:1.3rem}.question-number{font-size:1rem}.question{font-size:1.3rem}.option-button{font-size:.9rem;padding:8px 16px}.game-over p{font-size:1.2rem}.disclaimer{font-size:.8rem}}#portfolio{margin-top:3rem}.portfolio-container{color:#fff;padding:5rem;position:relative;left:4rem}.portfolio-title{font-size:2.5rem}.portfolio-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding:3rem}.portfolio-section-card{width:30rem}.portfolio-section-card.even-card{margin-top:10rem}.btn{display:inline-block;padding:14px 32px;font-size:16px;font-style:normal;font-weight:400;line-height:24px;cursor:pointer;text-align:center;text-decoration:none;border-radius:4px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:background-color .5s;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-ms-transition:background-color .5s;-o-transition:background-color .5s}.btn-github{font-weight:400;font-size:1.1rem;color:var(--color-white);background-color:#5debd7;border:rgba(93,235,215,1);display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 1px 2px #5debd7;gap:16px;position:relative;left:2.5rem}.btn-github:hover{color:#5debd7;background-color:var(--color-white)}.portfolio-video{width:100%;display:flex;justify-content:center;align-items:center}.portfolio-video video{width:100%;height:300px;object-fit:cover;border-radius:20px;opacity:.9}.portfolio-section-title{font-size:1.8rem;letter-spacing:.05rem}.portfolio-section-description{font-size:1.1rem;letter-spacing:.05rem}.github-link{text-decoration:none}@media screen and (min-width: 1200px) and (max-width: 2560px){.portfolio-container{left:0}.portfolio-title{position:relative;left:2.5rem}}@media screen and (max-width: 1200px){.portfolio-cards-container{display:flex;flex-direction:column;gap:4rem}.portfolio-section-card.even-card{margin-top:0}.portfolio-container{position:relative;left:0;padding:10px}.portfolio-section-card{width:auto}.portfolio-title{text-align:center}}.about-section{display:grid;padding:133.3px 85.3px;align-items:center;gap:114.6px;grid-template-columns:repeat(2,1fr);color:#fff;position:relative}.about-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:30%;background:radial-gradient(circle,#ffffff 10%,transparent 11%);background-size:2em 2em;background-color:#000;opacity:.2;z-index:-1}.about-section-img>img{width:70%;height:70%;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease;position:relative;left:6rem}.about-section-img>img:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.about-section-content{width:80%}.about-section-title{font-size:large;color:#eeedeb}.about-section--heading{font-size:2rem}.about-section-description{font-size:1.1rem;letter-spacing:.13rem;line-height:2.5ch}@media screen and (max-width: 1200px){.about-section{display:flex;flex-direction:column;gap:3rem;padding:0;align-items:center;margin-top:2rem}.about-section-img>img{width:300px;height:300px;object-fit:cover;position:static;margin:0 auto;margin-top:3rem}.about-section-title,.about-section--heading{text-align:center}}#contact{background:var(--main-bg-color);padding:5rem 0}.contact-container{background-color:var(--color-white);padding:50px;gap:3rem;margin:1rem auto;align-items:center;text-align:center;color:#000;max-width:80%}.contact--section{display:flex;padding:150px 85px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:64px}.contact--form--container{display:grid;grid-template-columns:auto;grid-template-rows:repeat(5,auto);width:40%;row-gap:32px;padding-top:50px;padding-left:50px;margin:0 auto}.container{display:grid;grid-template-columns:repeat(2,auto);column-gap:32px;row-gap:32px}.contact--label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1 0 0;width:100%;font-size:14px}.contact--input{display:flex;font-family:Roboto;padding:4px;align-items:center;align-self:stretch;border-radius:6px;border:1px solid rgba(93,235,215,1);background:var(--color-white);font-size:14px;margin-bottom:-10px}.contact--input:focus{border-color:#074173;box-shadow:0 0 5px #074173;outline:none}.contact-container>h1{font-size:2rem}.contact-container>p{font-size:1.1rem;font-weight:500;letter-spacing:.1rem}.btn-contact{font-weight:400;font-size:1.1rem;color:var(--color-white);background-color:#5debd7;border:rgba(93,235,215,1);justify-content:center;align-items:center;box-shadow:0 1px 2px #5debd7;gap:16px}.btn-contact:hover{background-color:#074173}.text-md{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:24px}textarea{resize:none}@media screen and (min-width: 1200px) and (max-width: 2560px){.contact-container{max-width:75%}}@media screen and (max-width: 1200px){#contact{padding:5rem 0 1rem}.contact-container{padding:10px;max-width:80%;margin:0 auto}.contact--section{gap:20px;padding:70px 15px;text-align:center}.contact--form--container{width:100%;max-width:600px;padding:2rem;margin:0 auto;box-sizing:border-box}.container{display:flex;flex-direction:column;gap:10px}.contact-form-img-container{display:flex;flex-direction:column-reverse}.contact--label,.contact--input{width:100%;box-sizing:border-box}.contact--input{padding:10px}}.footer-container{display:flex;padding:106.667px 85.333px;flex-direction:column;align-items:center;color:var(--color-white);position:relative}.footer-top-pattern{position:absolute;top:0;left:0;width:100%;height:10%;background:radial-gradient(circle at top left,transparent 9%,#ffffff 10%,#ffffff 15%,transparent 16%),radial-gradient(circle at bottom left,transparent 9%,#ffffff 10%,#ffffff 15%,transparent 16%),radial-gradient(circle at top right,transparent 9%,#ffffff 10%,#ffffff 15%,transparent 16%),radial-gradient(circle at bottom right,transparent 9%,#ffffff 10%,#ffffff 15%,transparent 16%),radial-gradient(circle,transparent 25%,#000000 26%),linear-gradient(45deg,transparent 46%,#ffffff 47%,#ffffff 52%,transparent 53%),linear-gradient(135deg,transparent 46%,#ffffff 47%,#ffffff 52%,transparent 53%);background-size:2em 2em;background-color:#000;opacity:.15;z-index:-1}.footer-link-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch;position:relative}.footer-items>ul{list-style:none;display:flex;align-items:flex-start;gap:42.667px}.footer-items ul>li>a{text-decoration:none;color:var(--color-primary);font-weight:700;position:relative;cursor:pointer}.footer-items ul>li>a:hover{color:#fff9}.footer-items ul>li>a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-image:linear-gradient(90deg,#c5ff95,#5debd7 25%,#1679ab 56%,#074173 83%);visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.footer-items ul>li>a:hover:after{visibility:visible;transform:scaleX(1)}.button:hover,.footer-social-icon a:hover,.social-link-items:hover,.footer-content:hover,.footer-contact-details a:hover{color:#5debd7}.footer-social-icon>ul{list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-shrink:0}.divider{margin:106px 0 42.67px;height:.08px;width:100%;background-color:#eeedeb;border:none}.footer-content-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.footer-content{color:var(--color-white);font-size:16px;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.footer-active-content{color:var(--primary)}.footer-contact-details a{text-decoration:none;color:var(--color-white);font-weight:700;font-size:1.05rem;letter-spacing:.05rem}@media screen and (max-width: 1200px){.footer-link-container,.footer-items>ul,.footer-content-container{display:flex;flex-direction:column}.footer-social-icon>ul,.footer-items>ul{padding:0;align-items:center}.footer-container{gap:5px}.divider{margin:1rem}.footer-contact-details{text-align:center}}.trivia-game{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;background-color:#000;color:#fff;font-family:Arial,sans-serif}.trivia-heading{font-size:2rem;margin-bottom:20px;font-family:Acme,sans-serif;font-weight:400;font-style:normal}.trivia-card{background-color:#1c1c1c;border-radius:10px;box-shadow:0 4px 8px #ffffff1a;padding:20px;width:80%;max-width:500px;text-align:center}.points{font-size:1.5rem;margin-bottom:20px}.question-section{display:flex;flex-direction:column;align-items:center}.question-number{font-size:1.2rem;margin-bottom:10px}.question{font-size:1.5rem;margin-bottom:20px;text-align:left}.options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.option-button{background-color:#fff;color:#000;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:1rem;flex:1 1 calc(50% - 20px)}.option-button:hover{background-color:#5debd7}.option-button.correct{background-color:#28a745!important}.option-button.incorrect{background-color:#dc3545!important}.game-over{margin-top:20px}.game-over p{font-size:1.5rem;margin-bottom:20px}button{background-color:#fff;color:#000;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}.retry-button{margin-top:20px}.disclaimer{margin-top:20px;font-size:.9rem;color:#aaa}@media screen and (max-width: 1200px){.trivia-card{width:85%}}@media screen and (max-width: 768px){.trivia-card{width:90%}.points,.question-number,.question,.option-button{font-size:1rem}.question{margin-bottom:15px}}.fullstack-page-container{--background-light: #f8f8f8;--background-medium: #ffffff;--text-primary: #333333;--text-secondary: #555555;--accent-color: #1abc9c;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--transition-speed-fast: .2s;--transition-speed-medium: .3s;--transition-speed-slow: .4s;--transition-ease: ease-in-out;max-width:1100px;margin:40px auto;padding:2.5rem 1.5rem;font-family:Roboto,sans-serif;line-height:1.7;background-color:var(--background-light);color:var(--text-primary);box-shadow:0 0 15px #0000000d;border-radius:12px}.page-title{font-size:3.2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--accent-color);letter-spacing:.05em;text-shadow:0 2px 5px rgba(0,0,0,.05)}.intro-section,.why-fullstack-section,.my-expertise-section,.dubai-focus-section,.call-to-action-section{margin-bottom:3.5rem;padding:2rem;background-color:var(--background-medium);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);border:1px solid var(--border-color);transition:box-shadow var(--transition-speed-medium) var(--transition-ease),transform var(--transition-speed-medium) var(--transition-ease)}.intro-section:hover,.why-fullstack-section:hover,.my-expertise-section:hover,.dubai-focus-section:hover,.call-to-action-section:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.section-heading{font-size:2.2rem;font-weight:600;margin-bottom:1.8rem;color:var(--accent-color);text-align:center;position:relative;padding-bottom:.9rem;transition:color var(--transition-speed-fast) var(--transition-ease)}.section-heading:after{content:"";display:block;width:60px;height:3px;background-color:var(--accent-color);margin:.6rem auto 0;border-radius:2px;transition:width var(--transition-speed-medium) var(--transition-ease),background-color var(--transition-speed-fast) var(--transition-ease)}.section-heading:hover:after{width:80px}.intro-text{font-size:1.15rem;margin-bottom:1.2rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:1.8rem}.feature-item{background-color:var(--background-light);padding:1.8rem;border-radius:10px;box-shadow:0 3px 12px var(--shadow-color);text-align:center;border:1px solid var(--border-color);transition:transform var(--transition-speed-medium) var(--transition-ease),box-shadow var(--transition-speed-medium) var(--transition-ease),border-color var(--transition-speed-medium) var(--transition-ease)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:var(--accent-color)}.feature-item h3{font-size:1.6rem;color:var(--accent-color);margin-bottom:1rem;transition:color var(--transition-speed-fast) var(--transition-ease)}.feature-item i{font-size:3.5rem;margin-bottom:1.2rem;color:var(--accent-color);transition:color var(--transition-speed-fast) var(--transition-ease)}.tech-stacks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:1.8rem}.tech-stack-category{background-color:var(--background-light);padding:1.8rem;border-radius:10px;box-shadow:0 3px 12px var(--shadow-color);border:1px solid var(--border-color);transition:box-shadow var(--transition-speed-medium) var(--transition-ease),border-color var(--transition-speed-medium) var(--transition-ease)}.tech-stack-category:hover{box-shadow:0 8px 20px #00000026;border-color:var(--accent-color)}.tech-stack-category h3{font-size:1.5rem;color:var(--accent-color);margin-bottom:1.2rem;border-bottom:2px solid var(--border-color);padding-bottom:.6rem;transition:color var(--transition-speed-fast) var(--transition-ease),border-color var(--transition-speed-fast) var(--transition-ease)}.tech-stack-category ul{list-style:none;padding:0}.tech-stack-category li{padding:.6rem 0;border-bottom:1px dotted var(--border-color);color:var(--text-secondary);transition:color var(--transition-speed-fast) var(--transition-ease),background-color var(--transition-speed-fast) var(--transition-ease)}.tech-stack-category li:hover{color:var(--accent-color);background-color:#1abc9c0d}.tech-stack-category li:last-child{border-bottom:none}.cta-button{display:inline-block;background-color:var(--accent-color);color:var(--background-medium);padding:1rem 2.2rem;text-decoration:none;border-radius:8px;font-size:1.3rem;font-weight:600;margin-top:2rem;box-shadow:0 4px 10px var(--shadow-color);transition:background-color var(--transition-speed-medium) var(--transition-ease),transform var(--transition-speed-medium) var(--transition-ease),box-shadow var(--transition-speed-medium) var(--transition-ease)}.cta-button:hover{background-color:#16a085;transform:translateY(-2px);box-shadow:0 6px 15px #0003}.contact-note{margin-top:1.5rem;font-size:1rem;text-align:center;color:var(--text-secondary)}.contact-note a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-speed-fast) var(--transition-ease),text-decoration var(--transition-speed-fast) var(--transition-ease)}.contact-note a:hover{text-decoration:underline;color:#1abc9c}@media (max-width: 900px){.fullstack-page-container{margin:2rem auto;padding:1.5rem}.page-title{font-size:2.5rem;margin-bottom:2rem}.section-heading{font-size:1.9rem;margin-bottom:1.5rem}.features-grid,.tech-stacks-grid{gap:1.5rem}.intro-text{font-size:1.05rem}.feature-item,.tech-stack-category{padding:1.5rem}.feature-item h3{font-size:1.4rem}.feature-item i{font-size:3rem}.tech-stack-category h3{font-size:1.3rem}}@media (max-width: 768px){.fullstack-page-container{margin:1.5rem auto;padding:1rem}.page-title{font-size:2rem;margin-bottom:1.5rem}.section-heading{font-size:1.7rem;margin-bottom:1.2rem}.intro-section,.why-fullstack-section,.my-expertise-section,.dubai-focus-section,.call-to-action-section{margin-bottom:2rem;padding:1.5rem}.intro-text{font-size:1rem}.feature-item h3{font-size:1.3rem}.feature-item i{font-size:2.8rem}.tech-stack-category h3{font-size:1.2rem}.cta-button{padding:.9rem 1.8rem;font-size:1.1rem}}@media (max-width: 480px){.fullstack-page-container{margin:1rem auto;padding:.8rem;border-radius:8px}.page-title{font-size:1.8rem;margin-bottom:1rem}.section-heading{font-size:1.5rem;margin-bottom:1rem}.intro-section,.why-fullstack-section,.my-expertise-section,.dubai-focus-section,.call-to-action-section{margin-bottom:1.5rem;padding:1rem;border-radius:8px}.intro-text,.feature-item p,.tech-stack-category li,.contact-note{font-size:.95rem}.feature-item,.tech-stack-category{padding:1rem}.feature-item h3{font-size:1.2rem}.feature-item i{font-size:2.5rem}.tech-stack-category h3{font-size:1.1rem}.cta-button{padding:.8rem 1.5rem;font-size:1rem}.not-found-actions{flex-direction:column;gap:10px}}.not-found-container{--background-primary: #f8f8f8;--background-secondary: #ffffff;--text-primary: #333333;--text-secondary: #555555;--accent-color: #1abc9c;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--transition-speed-medium: .3s;--transition-ease: ease-in-out;min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px;background-color:var(--background-primary);color:var(--text-primary);font-family:Roboto,sans-serif}.not-found-title{font-size:8rem;font-weight:700;color:var(--accent-color);margin-bottom:20px;text-shadow:4px 4px 0px rgba(0,0,0,.05);letter-spacing:5px;transition:color var(--transition-speed-medium) var(--transition-ease)}.not-found-title:hover{color:#16a085}.not-found-message{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:25px}.not-found-description{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin-bottom:40px;line-height:1.6}.not-found-actions{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.not-found-button{display:inline-block;padding:15px 30px;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:background-color var(--transition-speed-medium) var(--transition-ease),color var(--transition-speed-medium) var(--transition-ease),transform var(--transition-speed-medium) var(--transition-ease),box-shadow var(--transition-speed-medium) var(--transition-ease);border:2px solid transparent}.not-found-button.primary{background-color:var(--accent-color);color:var(--background-secondary);box-shadow:0 4px 10px #0000001a}.not-found-button.primary:hover{background-color:#16a085;transform:translateY(-2px);box-shadow:0 6px 15px #0003}.not-found-button.secondary{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color);box-shadow:none}.not-found-button.secondary:hover{background-color:var(--accent-color);color:var(--background-secondary);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.not-found-tip{font-size:1rem;color:var(--text-secondary)}@media (max-width: 768px){.not-found-title{font-size:6rem}.not-found-message{font-size:2rem}.not-found-description{font-size:1rem;padding:0 10px}.not-found-actions{flex-direction:column;gap:15px}.not-found-button{width:80%;max-width:300px;padding:12px 20px;font-size:1rem}}@media (max-width: 480px){.not-found-title{font-size:5rem}.not-found-message{font-size:1.8rem}}