body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a202c;overflow-x:hidden;background:#0f0f23}.page{min-height:100vh;position:relative;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);animation:pageLoad 1.2s ease-out;padding:5rem}.page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.4) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.4) 0%,transparent 50%);pointer-events:none;animation:backgroundFloat 20s ease-in-out infinite}.page:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none;animation:gridMove 30s linear infinite}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.hero{padding:8rem 0 6rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent);animation:heroRotate 20s linear infinite;pointer-events:none}.hero .container{position:relative;z-index:2}.hero h1{font-size:clamp(3rem,6vw,5rem);font-weight:900;color:#fff;margin-bottom:1.5rem;letter-spacing:-.03em;text-shadow:0 4px 30px rgba(0,0,0,.3);animation:fadeInUp 1s ease .2s both,textGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero h1:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:textShimmer 3s ease-in-out infinite;pointer-events:none}.hero p{font-size:clamp(1.2rem,2.5vw,1.6rem);color:#ffffffe6;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;text-shadow:0 2px 15px rgba(0,0,0,.2);animation:fadeInUp 1s ease .4s both,subtlePulse 6s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:180px;font-family:inherit;animation:fadeInUp 1s ease .6s both}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#feca57,#ff9ff3);color:#fff;box-shadow:0 10px 30px #ff6b6b66;border:2px solid transparent}.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 50px #ff6b6b99;background:linear-gradient(135deg,#feca57,#ff9ff3,#ff6b6b)}.btn-primary:active{transform:translateY(-2px) scale(1.02)}.btn-ghost{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-ghost:hover{background:#fff3;border-color:#fff9;transform:translateY(-4px) scale(1.05);box-shadow:0 20px 50px #fff3}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;margin:6rem 0;padding:2rem 0}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:3rem 2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #0000001a,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp 1s ease both,cardFloat 8s ease-in-out infinite}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#ff6b6b,#feca57,#48cae4,#667eea);background-size:400% 100%;animation:gradientShift 6s ease infinite}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;animation:titleSlide .8s ease .2s both}.feature-card h3:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:all .4s ease;animation:underlineGrow 1s ease .4s both}.feature-card:hover h3:before{width:80px;background:linear-gradient(90deg,#ff6b6b,#feca57);box-shadow:0 2px 15px #ff6b6b80}.feature-card p{color:#ffffffd9;font-size:1.1rem;line-height:1.8;margin-top:1rem;text-shadow:0 1px 5px rgba(0,0,0,.2);animation:contentFade 1s ease .6s both}.cta-section{text-align:center;margin:6rem 0;padding:4rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden;animation:fadeInUp 1s ease .8s both}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 45deg,transparent,rgba(255,255,255,.05),transparent);animation:ctaRotate 25s linear infinite;pointer-events:none}.cta-section h2{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 2px 15px rgba(0,0,0,.3);letter-spacing:-.02em;position:relative;z-index:1}.cta-section p{font-size:clamp(1.1rem,2vw,1.3rem);color:#fffc;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 1px 5px rgba(0,0,0,.2);position:relative;z-index:1}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%;animation:particleFloat 20s linear infinite;box-shadow:0 0 15px #fff6}.particle:nth-child(odd){background:#667eea99;animation-duration:25s}.particle:nth-child(3n){background:#ff6b6b99;animation-duration:30s}@keyframes pageLoad{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundFloat{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(-30px) translateY(-20px) scale(1.05)}50%{transform:translate(30px) translateY(20px) scale(.95)}75%{transform:translate(-20px) translateY(30px) scale(1.02)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(10px,10px)}}@keyframes heroRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textGlow{0%,to{text-shadow:0 4px 30px rgba(0,0,0,.3)}50%{text-shadow:0 4px 40px rgba(255,255,255,.3),0 4px 30px rgba(0,0,0,.3)}}@keyframes textShimmer{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes subtlePulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes titleSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes underlineGrow{0%{width:0}to{width:50px}}@keyframes contentFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ctaRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(150px) rotate(360deg);opacity:0}}@media (max-width: 768px){.hero{padding:6rem 0 4rem}.container{padding:0 1.5rem}.features{grid-template-columns:1fr;gap:2rem;margin:4rem 0}.feature-card{padding:2.5rem 2rem}.feature-card:hover{transform:translateY(-10px) scale(1.02)}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width: 480px){.hero{padding:4rem 0 3rem}.container{padding:0 1rem}.feature-card{padding:2rem 1.5rem;border-radius:16px}.cta-section{padding:3rem 1.5rem;border-radius:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}.feature-card:focus-within{outline:3px solid rgba(255,255,255,.4);outline-offset:2px}@media (prefers-contrast: high){.feature-card{border:2px solid rgba(255,255,255,.8)}.hero h1{-webkit-text-fill-color:white}}@media print{.page{background:#fff!important;color:#000!important}.hero h1,.feature-card h3,.cta-section h2{color:#000!important;-webkit-text-fill-color:black!important}.feature-card,.cta-section{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}}.footer{background:linear-gradient(135deg,#000c,#1a202ce6);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;margin-top:6rem}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,107,107,.1) 0%,transparent 50%);pointer-events:none;animation:footerGlow 15s ease-in-out infinite}.footer:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:topBorderShimmer 3s ease-in-out infinite}.footer-container{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem;position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;animation:fadeInUp 1s ease .2s both}.footer-brand{animation:slideInLeft 1s ease .3s both}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;transition:transform .3s ease}.footer-logo:hover{transform:translateY(-2px)}.footer-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 8px 25px #667eea4d;transition:all .3s ease;position:relative;overflow:hidden}.footer-logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.2),transparent);animation:iconRotate 4s linear infinite;pointer-events:none}.footer-logo:hover .footer-logo-icon{transform:scale(1.1) rotateY(15deg);box-shadow:0 12px 35px #667eea80}.footer-logo h3{font-size:1.8rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.footer-description{color:#ffffffb3;font-size:1rem;line-height:1.7;margin-bottom:2rem;max-width:300px}.footer-social{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;text-decoration:none;font-size:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.social-link:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 10px 25px #0003}.social-link:hover:before{left:100%}.footer-column{animation:slideInUp 1s ease both}.footer-column:nth-child(2){animation-delay:.4s}.footer-column:nth-child(3){animation-delay:.5s}.footer-column:nth-child(4){animation-delay:.6s}.footer-column h4{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1.5rem;position:relative;text-shadow:0 1px 5px rgba(0,0,0,.3)}.footer-column h4:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:underlineGrow 1s ease .8s both}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem;transform:translate(-10px);opacity:0;animation:linkSlideIn .6s ease forwards}.footer-links li:nth-child(1){animation-delay:.9s}.footer-links li:nth-child(2){animation-delay:1s}.footer-links li:nth-child(3){animation-delay:1.1s}.footer-links li:nth-child(4){animation-delay:1.2s}.footer-links li:nth-child(5){animation-delay:1.3s}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative;padding:.25rem 0;display:inline-block}.footer-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.footer-links a:hover{color:#fff;transform:translate(5px);text-shadow:0 1px 5px rgba(0,0,0,.3)}.footer-links a:hover:before{width:100%}.footer-newsletter{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:3rem;position:relative;overflow:hidden;animation:fadeInUp 1s ease .7s both}.footer-newsletter:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#ff6b6b,#feca57);background-size:300% 100%;animation:gradientFlow 4s ease infinite}.newsletter-content{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.newsletter-text h4{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.newsletter-text p{color:#ffffffb3;font-size:.95rem;margin:0}.newsletter-form{display:flex;gap:1rem;min-width:300px}.newsletter-input{flex:1;padding:.75rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.95rem;transition:all .3s ease}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none;background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #667eea33}.newsletter-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap}.newsletter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.newsletter-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.newsletter-button:hover:before{left:100%}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;animation:fadeInUp 1s ease .8s both}.footer-copyright{color:#fff9;font-size:.9rem}.footer-legal{display:flex;gap:2rem;list-style:none;padding:0;margin:0}.footer-legal a{color:#fff9;text-decoration:none;font-size:.9rem;transition:all .3s ease}.footer-legal a:hover{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.3)}@keyframes footerGlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes topBorderShimmer{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes underlineGrow{0%{width:0}to{width:30px}}@keyframes linkSlideIn{to{opacity:1;transform:translate(0)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.footer-container{padding:3rem 1.5rem 2rem}.footer-main{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{grid-column:1}.footer-description{max-width:none;margin-left:auto;margin-right:auto}.footer-social{justify-content:center}.newsletter-content{grid-template-columns:1fr;text-align:center}.newsletter-form{min-width:auto;flex-direction:column}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}}@media (max-width: 480px){.footer-container{padding:2.5rem 1rem 1.5rem}.footer-newsletter{padding:1.5rem}.footer-legal{flex-direction:column;gap:1rem}.social-link{width:40px;height:40px;font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.footer *,.footer *:before,.footer *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.social-link:focus,.footer-links a:focus,.newsletter-input:focus,.newsletter-button:focus,.footer-legal a:focus{outline:2px solid rgba(102,126,234,.6);outline-offset:2px}@media (prefers-contrast: high){.footer{background:#000;border-top:2px solid #ffffff}.footer-newsletter,.social-link,.newsletter-input{border:2px solid rgba(255,255,255,.8)}}.about-hero{color:#fff;padding:3rem 0;text-align:center;margin-bottom:3rem}.container{background:none}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin:3rem 0}.para-text{color:#fff}.profile-card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;text-align:center;height:fit-content}.profile-image{width:150px;height:150px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700}.skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background:#e2e8f0;color:#4a5568;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.tour-hero{background:linear-gradient(135deg,#6d5e62,#111);color:#fff;padding:3rem 0;text-align:center;margin-bottom:3rem;border-radius:5px}.tour-steps{display:flex;flex-direction:column;gap:3rem;margin:3rem 0}.tour-step{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.tour-step:nth-child(2n){direction:rtl}.tour-step:nth-child(2n)>*{direction:ltr}.step-content{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1rem}.step-image{width:100%;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.blog-hero{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:3rem 0;text-align:center;margin-bottom:3rem}.blog-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.articles{display:flex;flex-direction:column;gap:2rem}.article-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s}.article-card:hover{transform:translateY(-2px)}.article-content{display:flex}.article-image{width:200px;height:150px;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.article-info{padding:1.5rem;flex:1}.article-category{background:#e2e8f0;color:#4a5568;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;display:inline-block;margin-bottom:.5rem}.article-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#1a202c}.article-description{color:#718096;margin-bottom:1rem;line-height:1.5}.article-meta{display:flex;gap:1rem;font-size:.875rem;color:#a0aec0}.sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.sidebar-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#1a202c}.categories{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{background:#f7fafc;color:#4a5568;padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;font-size:.875rem;border:1px solid #e2e8f0;transition:all .2s}.category-tag:hover{background:#e2e8f0}body{font-family:system-ui,sans-serif;background-color:#fff;color:#111}.navbar-header{width:100%;padding:.8rem 1.5rem;background-color:#f8f3f3;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:100}.logo{display:flex;align-items:center;gap:10px}.logo img{width:45px;height:45px;border-radius:50%;object-fit:cover}.logo h1{font-size:1.5rem;color:#3ba1c8}.logo :hover{cursor:pointer}.logo h1:hover{color:#f7c23c;cursor:pointer}.navbar{display:flex;align-items:center;gap:2rem}.navbar ul{display:flex;list-style:none;gap:1.5rem}.navbar ul li a{text-decoration:none;color:#070707;font-weight:500;transition:.3s}.navbar ul li a:hover{color:#3ba1c8}.sign-up{display:flex;justify-content:center;align-items:center;background-color:#3ba1c8;color:#fff!important;padding:.5rem 1rem;font-weight:600;border-radius:6px;border:none;text-decoration:none;transition:.3s}.sign-up:hover{background-color:#ebbb42;color:#fff}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;z-index:1001}.menu-toggle .bar{width:25px;height:3px;border-radius:10px;background-color:#040404;transition:all .3s ease}.mobile-nav{position:fixed;top:0;right:-100%;width:250px;height:100%;background-color:#3ba1c8;color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:2rem 1rem;gap:1rem;transition:right .3s ease-in-out;z-index:1000}.mobile-nav ul{list-style:none;padding:0;margin:0;width:100%}.mobile-nav ul li a{display:block;width:100%;color:#fff;text-decoration:none;padding:.75rem 0}.mobile-nav .sign-up{margin-top:auto;display:block;background-color:#f1f4f6;color:#000!important;padding:.75rem 1rem;border-radius:4px;text-align:center;text-decoration:none;font-weight:700}.mobile-nav.active{display:flex}@media (max-width: 768px){.navbar{display:none}.menu-toggle{display:flex}.sign-up,.logo{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fff;color:#1a202c;line-height:1.6}.navbar-header{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;transition:transform .3s ease}.logo:hover{transform:translateY(-2px);cursor:pointer}.logo img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.logo img:hover{border-color:#f7c23c;box-shadow:0 6px 25px #f7c23c4d}.logo h1{font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;letter-spacing:-.5px}.logo h1:hover{color:#f7c23c;cursor:pointer;text-shadow:0 2px 8px rgba(247,194,60,.4)}.navbar{display:flex;align-items:center;gap:3rem}.navbar ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar ul li{position:relative}.navbar ul li a{text-decoration:none;color:#ffffffe6;font-weight:500;font-size:1rem;padding:.75rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;display:block}.navbar ul li a:before{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#f7c23c,#ff6b6b);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.navbar ul li a:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.navbar ul li a:hover:before{width:80%}.sign-up{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f7c23c,#ff6b6b);color:#fff!important;padding:.75rem 1.5rem;font-weight:600;border-radius:25px;border:none;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #f7c23c4d;position:relative;overflow:hidden;font-size:.95rem}.sign-up:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sign-up:hover{background:linear-gradient(135deg,#ff6b6b,#f7c23c);transform:translateY(-2px);box-shadow:0 6px 25px #f7c23c66}.sign-up:hover:before{left:100%}.sign-up a{text-decoration:none;color:#fff}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;z-index:1001;padding:8px;border-radius:6px;transition:all .3s ease}.menu-toggle:hover{background:#ffffff1a}.menu-toggle .bar{width:28px;height:3px;border-radius:2px;background-color:#fff;transition:all .3s ease;transform-origin:center}.menu-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active .bar:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(180deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;gap:1.5rem;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:-10px 0 30px #0003}.mobile-nav:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.mobile-nav ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:.5rem}.mobile-nav ul li{width:100%}.mobile-nav ul li a{display:block;width:100%;color:#ffffffe6;text-decoration:none;padding:1rem 1.5rem;border-radius:12px;transition:all .3s ease;font-weight:500;position:relative;overflow:hidden}.mobile-nav ul li a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.mobile-nav ul li a:hover{background:#ffffff26;color:#fff;transform:translate(8px)}.mobile-nav ul li a:hover:before{left:0}.mobile-nav .sign-up{margin-top:auto;display:block;background:linear-gradient(135deg,#fff,#f8f9fa);color:#1a202c!important;padding:1rem 1.5rem;border-radius:12px;text-align:center;text-decoration:none;font-weight:600;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:2px solid transparent}.mobile-nav .sign-up:hover{background:linear-gradient(135deg,#f7c23c,#ff6b6b);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.mobile-nav.active{right:0}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.mobile-nav-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.navbar-header{padding:1rem 1.5rem}.navbar{display:none}.menu-toggle{display:flex}.sign-up{display:none}}@media (max-width: 480px){.navbar-header{padding:.75rem 1rem}.logo h1{font-size:1.5rem}.logo img{width:40px;height:40px}.mobile-nav{width:100%;right:-100%}}.mobile-nav.active ul li{animation:slideInFromRight .3s ease forwards}.mobile-nav.active ul li:nth-child(1){animation-delay:.1s}.mobile-nav.active ul li:nth-child(2){animation-delay:.2s}.mobile-nav.active ul li:nth-child(3){animation-delay:.3s}.mobile-nav.active ul li:nth-child(4){animation-delay:.4s}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.navbar ul li a:focus,.sign-up:focus,.menu-toggle:focus{outline:2px solid #f7c23c;outline-offset:2px}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar-header{animation:fadeInUp .6s ease}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:#1a202c;color:#fff}.btn-primary:hover{background-color:#2d3748}.btn-ghost{background:transparent;color:#4a5568}.btn-ghost:hover{background-color:#f7fafc}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav{gap:1rem}.hero h1{font-size:2rem}.about-content,.blog-grid,.tour-step{grid-template-columns:1fr}.article-content{flex-direction:column}.article-image{width:100%;height:200px}}