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}.navbar{background:#fffffffa;box-shadow:0 2px 10px #0000001a;font-size:1.1rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{justify-content:space-between;max-width:1400px;padding:0 2rem;width:100%}.navbar-logo{color:#667eea;cursor:pointer;font-size:1.8rem;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{color:#764ba2;transform:scale(1.05)}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0;text-align:center}.nav-item{height:80px}.nav-item,.nav-link{align-items:center;display:flex}.nav-link{color:#333;font-weight:600;height:100%;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:20px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover:after{width:80%}.nav-link:hover{color:#667eea}.menu-icon{display:none}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;position:relative;width:30px}.hamburger span{background:#667eea;border-radius:3px;height:3px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media screen and (max-width:960px){.navbar{height:70px}.menu-icon{display:block}.nav-menu{background:#fff;box-shadow:0 4px 10px #0000001a;flex-direction:column;gap:0;left:-100%;opacity:0;position:absolute;top:70px;transition:all .5s ease;width:100%}.nav-menu.active{left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-item{height:auto;width:100%}.nav-link{border-bottom:1px solid #f0f0f0;display:block;padding:1.5rem 2rem;width:100%}.nav-link:after{display:none}.nav-link:hover{background:#f8f9fa;padding-left:2.5rem}.navbar-logo{font-size:1.5rem}}.footer{background-color:#2d3748;color:#fff;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px}.footer-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#cbd5e0;line-height:1.8;margin:.5rem 0}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.7rem}.footer-section ul li a{color:#cbd5e0;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#667eea;padding-left:5px}.footer-bottom{border-top:1px solid #4a5568;padding-top:2rem;text-align:center}.footer-bottom p{color:#cbd5e0;margin:0}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section ul li a:hover{padding-left:0}}.particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:float linear infinite;background:#667eea4d;border-radius:50%;height:4px;position:absolute;width:4px}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;text-align:center}.hero:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{max-width:900px;position:relative;z-index:1}.hero-badge{animation:fadeInDown .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:2rem;padding:10px 20px}.hero-title{animation:fadeInUp 1s ease-out;font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{animation:fadeInUp 1s ease-out .2s backwards;font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95}.hero-buttons{animation:fadeInUp 1s ease-out .4s backwards;flex-wrap:wrap;margin-bottom:3rem}.hero-trust{align-items:center;animation:fadeInUp 1s ease-out .6s backwards;display:flex;gap:1rem;justify-content:center}.trust-avatars{display:flex;margin-right:10px}.avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-left:-10px;transition:transform .3s ease;width:40px}.avatar:first-child{margin-left:0}.avatar:hover{transform:translateY(-5px) scale(1.1);z-index:10}.trust-text{font-size:.95rem;opacity:.9}.trust-text strong{color:#fff;font-weight:700}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-icon{transition:transform .3s ease}.btn:hover .btn-icon{transform:translateX(5px)}.btn-primary{background-color:#fff;box-shadow:0 4px 15px #0000001a}.btn-primary:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.btn-primary.pulse{animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{box-shadow:0 4px 15px #0000001a}50%{box-shadow:0 4px 25px #667eea66}}.btn-secondary{background-color:initial}.btn-secondary:hover{transform:translateY(-3px)}.btn-large,.btn-secondary:hover{background-color:#fff;color:#667eea}.btn-large{font-size:1.2rem;font-weight:700;padding:1.3rem 3.5rem}.btn-large:hover{box-shadow:0 10px 30px #ffffff4d;transform:translateY(-3px)}.btn-large.glow{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff80}50%{box-shadow:0 0 40px #fffc}}.stats-section{background:#fff;box-shadow:0 -5px 20px #0000000d;padding:4rem 2rem;position:relative;z-index:2}.stats-container{grid-gap:3rem;gap:3rem}.stat-item{padding:1rem}.stat-icon{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-number{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:800}.features{background-color:#f8f9fa;padding:6rem 2rem;position:relative}.section-title{color:#2d3748;font-size:3rem;font-weight:800;margin-bottom:1rem;text-align:center}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.section-subtitle{color:#666;font-size:1.2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.features-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-link{background:none;border:none;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;padding:0;transition:all .3s}.feature-link:hover{transform:translateX(5px)}.feature-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s ease}.feature-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px #00000026;transform:translateY(-15px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .4s ease;width:80px}.feature-card:hover .feature-icon-wrapper{transform:rotateY(1turn)}.feature-icon{font-size:2.5rem}.feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.7;margin-bottom:1.5rem}.feature-link{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:5px;text-decoration:none;transition:all .3s ease}.feature-link:hover{color:#764ba2;gap:10px}.testimonials{background:#fff;padding:6rem 2rem}.testimonial-carousel{margin:0 auto 4rem;max-width:800px}.testimonial-card{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 10px 40px #667eea4d;color:#fff;padding:3rem}.testimonial-stars{font-size:1.5rem;margin-bottom:1.5rem}.testimonial-text{font-size:1.4rem;font-style:italic;line-height:1.8;margin-bottom:2rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #fff;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.author-info{text-align:left}.author-name{font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.author-role{font-size:.95rem;opacity:.9}.testimonial-dots{display:flex;gap:10px;justify-content:center;margin-top:2rem}.dot{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#667eea;border-radius:6px;width:30px}.mini-testimonials{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.mini-testimonial{align-items:center;background:#f8f9fa;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.mini-testimonial:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.mini-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.mini-content{flex:1 1}.mini-name{color:#2d3748;font-weight:700;margin-bottom:.3rem}.mini-stars{font-size:.8rem}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.cta:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-content{position:relative;z-index:1}.cta-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-text{font-size:1.2rem;margin-bottom:2.5rem;opacity:.95}.cta-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.cta-feature{align-items:center;display:flex;font-size:1rem;gap:.5rem;opacity:.9}.chat-widget{bottom:30px;position:fixed;right:30px;z-index:1000}.chat-button{align-items:center;animation:pulse-chat 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 20px #667eea66;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}@keyframes pulse-chat{0%,to{box-shadow:0 4px 20px #667eea66}50%{box-shadow:0 4px 30px #667eea99}}.chat-button:hover{transform:scale(1.1)}.chat-icon{font-size:1.8rem}.chat-badge{align-items:center;animation:bounce-badge 1s ease-in-out infinite;background:#ff4757;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}@keyframes bounce-badge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chat-window{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:500px;overflow:hidden;width:350px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem}.chat-header-info{align-items:center;display:flex;gap:1rem}.chat-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;font-size:1.5rem;height:45px;width:45px}.chat-agent-name{font-size:1rem;font-weight:700}.chat-status{align-items:center;display:flex;font-size:.85rem;gap:.5rem;opacity:.9}.status-dot{animation:blink 2s ease-in-out infinite;background:#2ecc71;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.chat-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.chat-close:hover{background:#fff3}.chat-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:1.5rem}.chat-message{animation:fadeIn .3s ease-out;display:flex;gap:.75rem;margin-bottom:1rem}.message-avatar{font-size:1.2rem;height:35px;width:35px}.message-content{flex:1 1}.message-content p{background:#fff;border-radius:15px;box-shadow:0 2px 5px #0000000d;margin-bottom:.5rem;padding:.75rem 1rem}.message-time{color:#999;margin-top:.25rem}.quick-replies{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.quick-reply{background:#fff;border:2px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.quick-reply:hover{background:#667eea;color:#fff;transform:translateX(5px)}.chat-footer{background:#fff;border-top:1px solid #eee;display:flex;gap:.5rem;padding:1rem}.chat-footer input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem}.chat-footer input:focus{border-color:#667eea}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-button:hover{transform:scale(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-badge{font-size:.8rem;padding:8px 16px}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}.stats-container{gap:2rem;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.5rem}.cta-title{font-size:2rem}.cta-text{font-size:1rem}.cta-features{flex-direction:column;gap:1rem}.testimonial-text{font-size:1.1rem}.mini-testimonials{grid-template-columns:1fr}.chat-window{border-radius:0;height:100%;width:100%}.chat-widget{bottom:20px;right:20px}.trust-avatars{flex-wrap:wrap}.hero-trust{flex-direction:column;gap:.5rem}}.about-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:8rem 2rem 6rem;position:relative;text-align:center}.hero-background{animation:pulse-bg 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.hero-content-about{position:relative;z-index:1}.about-title{animation:fadeInUp .8s ease-out;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.about-subtitle{animation:fadeInUp .8s ease-out .2s backwards;font-size:1.4rem;opacity:.95}.about-content{margin:0 auto;max-width:1200px;padding:4rem 2rem}.about-section{margin-bottom:6rem}.section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:8px 20px}.about-section h2{color:#2d3748;font-size:2.8rem;font-weight:800;margin-bottom:2rem;text-align:center}.about-section p{color:#666;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.about-section p,.vision-section{text-align:center}.vision-text{font-size:1.2rem;margin-bottom:3rem}.vision-highlights{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.highlight-item{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2.5rem;transition:all .3s ease}.highlight-item:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-10px)}.highlight-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.highlight-item h4{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.highlight-item p{color:#666;font-size:1rem}.values-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.value-item{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s ease}.value-item:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.value-item:hover:before{transform:scaleX(1)}.value-item:hover{border-color:#667eea;box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.value-icon{display:inline-block;font-size:3.5rem;margin-bottom:1.5rem;transition:transform .4s ease}.value-item:hover .value-icon{transform:scale(1.2) rotate(10deg)}.value-item h3{color:#2d3748;font-size:1.6rem;font-weight:700;margin-bottom:1rem}.value-item p{color:#666;font-size:1rem;line-height:1.7}.timeline-section{background:#f8f9fa;border-radius:20px;margin:4rem 0;padding:4rem 2rem}.timeline{margin:3rem auto 0;max-width:800px;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-item{align-items:center;cursor:pointer;margin-bottom:3rem;transition:all .3s ease}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-dot{background:#fff;border:4px solid #667eea;border-radius:50%;height:20px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:20px;z-index:2}.timeline-item.active .timeline-dot{background:#667eea;box-shadow:0 0 20px #667eea80;height:30px;width:30px}.timeline-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:2rem;transition:all .3s ease;width:calc(50% - 40px)}.timeline-item:hover .timeline-content{box-shadow:0 8px 25px #00000026;transform:scale(1.05)}.timeline-item.active .timeline-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.timeline-year{color:#667eea;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.timeline-item.active .timeline-year{color:#fff}.timeline-content h4{font-size:1.3rem;font-weight:700}.timeline-content p{font-size:1rem;opacity:.9;text-align:left}.team-section{text-align:center}.team-intro{font-size:1.2rem;margin-bottom:3rem}.team-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.team-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2.5rem;transition:all .4s ease}.team-card:hover{border-color:#667eea;box-shadow:0 15px 40px #00000026;transform:translateY(-15px)}.team-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #667eea4d;display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 1.5rem;transition:all .4s ease;width:100px}.team-card:hover .team-avatar{transform:scale(1.1) rotate(5deg)}.team-card h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.team-role{color:#667eea;font-size:1rem;font-weight:600;margin-bottom:1rem}.team-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.team-social{gap:1rem}.social-link,.team-social{display:flex;justify-content:center}.social-link{align-items:center;background:#f8f9fa;border-radius:50%;font-size:1.2rem;height:40px;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{transform:translateY(-3px)}.social-link:hover,.stats-section{background:linear-gradient(135deg,#667eea,#764ba2)}.stats-section{grid-gap:3rem;border-radius:25px;box-shadow:0 10px 40px #667eea4d;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:4rem;padding:4rem 3rem}.stat-item{color:#fff;transition:transform .3s ease}.stat-item:hover{transform:translateY(-10px)}.stat-icon{animation:bounce-icon 2s ease-in-out infinite;display:inline-block;margin-bottom:1rem}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-item h3{font-size:3.5rem;font-weight:800;margin-bottom:.5rem}.stat-item p{font-size:1.2rem;opacity:.95}.cta-section-about{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:25px;margin-top:4rem;padding:5rem 2rem;text-align:center}.cta-section-about h2{color:#2d3748;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-section-about p{color:#666;font-size:1.2rem;margin-bottom:2.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-primary-about,.btn-secondary-about{align-items:center;border:none;border-radius:30px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;padding:1.2rem 3rem;transition:all .3s ease}.btn-primary-about{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-primary-about:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.btn-secondary-about{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary-about:hover{background:#667eea;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.about-section h2{font-size:2rem}.values-grid,.vision-highlights{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item,.timeline-item:nth-child(odd){flex-direction:row!important}.timeline-dot{left:20px;transform:translateX(0)}.timeline-content{margin-left:60px;width:calc(100% - 60px)}.team-grid{grid-template-columns:1fr}.stats-section{gap:2rem;grid-template-columns:repeat(2,1fr);padding:3rem 2rem}.stat-item h3{font-size:2.5rem}.cta-section-about h2{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.btn-primary-about,.btn-secondary-about{max-width:300px;width:100%}}.services-page{min-height:100vh}.promo-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:center}.promo-banner:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.promo-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.promo-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:6px 16px}.promo-content h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.promo-highlight{animation:pulse-text 2s ease-in-out infinite;color:gold}@keyframes pulse-text{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.promo-content p{font-size:.95rem;opacity:.95}.services-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:6rem 2rem 5rem;position:relative;text-align:center}.services-hero:before{animation:pulse-bg 8s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.services-hero h1{animation:fadeInUp .8s ease-out;font-size:3.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.services-hero p{animation:fadeInUp .8s ease-out .2s backwards;font-size:1.3rem;margin-bottom:2rem;opacity:.95;position:relative;z-index:1}.hero-badges{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;position:relative;z-index:1}.hero-badge-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;font-size:1rem;font-weight:600;padding:10px 20px}.services-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:4rem 2rem}.service-card-large{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease}.service-card-large.interactive{cursor:pointer}.service-card-large:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.service-card-large:hover:before{transform:scaleX(1)}.service-card-large:hover{border-color:#667eea;box-shadow:0 20px 40px #00000026;transform:translateY(-15px)}.popular-tag{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;font-size:.85rem;font-weight:700;padding:6px 16px;position:absolute;right:20px;top:20px}.service-icon-large{font-size:4rem;margin-bottom:1.5rem}.service-card-large h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.service-card-large p{color:#666;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.service-features{list-style:none;margin:0;padding:0}.service-features li{border-bottom:1px solid #f0f0f0;color:#555;font-size:1rem;padding:.5rem 0}.service-features li:last-child{border-bottom:none}@media (max-width:768px){.services-hero h1{font-size:2.2rem}.services-hero p{font-size:1.1rem}.services-content{grid-template-columns:1fr}.service-card-large{padding:2rem}.service-icon-large{font-size:3rem}.service-card-large h2{font-size:1.5rem}}.portfolio{min-height:100vh}.portfolio-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:100px 20px 80px;text-align:center}.portfolio-hero-content{margin:0 auto;max-width:800px}.portfolio-hero-title{animation:fadeInUp .6s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:20px}.portfolio-hero-subtitle{animation:fadeInUp .6s ease-out .2s both;font-size:1.3rem;opacity:.95}.portfolio-stats{background:#fff;box-shadow:0 4px 20px #0000000d;padding:60px 20px}.stats-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;text-align:center}.stat-item{padding:20px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:10px}.stat-label{color:#666;font-size:1.1rem;font-weight:500}.portfolio-content{margin:0 auto;max-width:1200px;padding:60px 20px}.portfolio-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px}.filter-btn{border:2px solid #f5576c;border-radius:25px;color:#f5576c;padding:12px 28px;transition:all .3s ease}.filter-btn:hover{background:#fff5f7;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c4d}.portfolio-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.portfolio-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.portfolio-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-8px)}.portfolio-card-image{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.portfolio-emoji{font-size:6rem;transition:all .3s ease}.portfolio-card:hover .portfolio-emoji{transform:scale(1.1)}.portfolio-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.portfolio-card:hover .portfolio-overlay{opacity:1}.view-project-btn{background:#fff;border:none;border-radius:25px;color:#f5576c;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transform:translateY(20px);transition:all .3s ease}.portfolio-card:hover .view-project-btn{transform:translateY(0)}.view-project-btn:hover{background:#f5576c;color:#fff}.portfolio-card-content{padding:25px}.portfolio-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.portfolio-card-title{color:#2d3748;flex:1 1;font-size:1.4rem;font-weight:700}.portfolio-year{background:#fff5f7;border-radius:15px;color:#f5576c;font-size:.85rem;font-weight:600;padding:4px 12px}.portfolio-card-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.portfolio-technologies{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#f0f4ff;border-radius:15px;padding:6px 14px}.portfolio-cta{background:linear-gradient(135deg,#f093fb,#f5576c);margin-top:60px;padding:80px 20px}.portfolio-cta-content{color:#fff;margin:0 auto;max-width:800px;text-align:center}.portfolio-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.portfolio-cta-text{font-size:1.2rem;margin-bottom:30px;opacity:.95}.portfolio-cta-btn{background:#fff;border:none;border-radius:30px;color:#f5576c;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 40px;transition:all .3s ease}.portfolio-cta-btn:hover{background:#2d3748;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.portfolio-hero-title{font-size:2.5rem}.portfolio-hero-subtitle{font-size:1.1rem}.portfolio-grid{grid-template-columns:1fr}.stats-container{gap:30px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.5rem}.portfolio-filter{justify-content:flex-start}.portfolio-card-header{flex-direction:column;gap:10px}}.blog{min-height:100vh}.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 20px 80px;text-align:center}.blog-hero-content{margin:0 auto;max-width:800px}.blog-hero-title{animation:fadeInUp .6s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:20px}.blog-hero-subtitle{animation:fadeInUp .6s ease-out .2s both;font-size:1.3rem;opacity:.95}.blog-content{margin:0 auto;max-width:1200px;padding:60px 20px}.category-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px}.category-btn{border:2px solid #667eea;color:#667eea;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.category-btn:hover{background:#f0f4ff}.category-btn.active{background:#667eea;box-shadow:0 4px 15px #667eea4d}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.blog-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-8px)}.blog-card-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:200px;justify-content:center}.blog-emoji{font-size:5rem}.blog-card-content{padding:25px}.blog-card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.blog-category{background:#f0f4ff;border-radius:20px;color:#667eea;font-size:.85rem;font-weight:600;padding:6px 14px}.blog-read-time{color:#666;font-size:.9rem}.blog-card-title{color:#2d3748;font-size:1.4rem;font-weight:700;line-height:1.4;margin-bottom:12px}.blog-card-excerpt{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.blog-card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;margin-bottom:15px;padding-top:15px}.blog-author,.blog-card-footer{align-items:center;display:flex}.blog-author{gap:8px}.author-avatar{font-size:1.2rem}.author-name{color:#2d3748}.blog-date{color:#999;font-size:.9rem}.blog-read-more{background:#0000;border:none;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 0;transition:all .3s ease}.blog-read-more:hover{color:#764ba2;transform:translateX(5px)}.newsletter{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:60px;padding:80px 20px}.newsletter-content{color:#fff;margin:0 auto;max-width:600px;text-align:center}.newsletter-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.newsletter-text{font-size:1.2rem;margin-bottom:30px;opacity:.95}.newsletter-form{display:flex;gap:10px;margin:0 auto;max-width:500px}.newsletter-input{flex:1 1;outline:none;padding:15px 20px}.newsletter-btn,.newsletter-input{border:none;border-radius:8px;font-size:1rem}.newsletter-btn{background:#2d3748;color:#fff;cursor:pointer;font-weight:600;padding:15px 30px;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{background:#1a202c;transform:translateY(-2px)}@media (max-width:768px){.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.1rem}.blog-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.newsletter-btn{width:100%}.category-filter{justify-content:flex-start}}.pricing{min-height:100vh}.pricing-hero{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:100px 20px 80px;text-align:center}.pricing-hero-content{margin:0 auto;max-width:800px}.pricing-hero-title{animation:fadeInUp .6s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:20px}.pricing-hero-subtitle{animation:fadeInUp .6s ease-out .2s both;font-size:1.3rem;margin-bottom:40px;opacity:.95}.billing-toggle{align-items:center;animation:fadeInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;display:inline-flex;gap:15px;padding:8px 20px}.billing-toggle span{font-size:1rem;font-weight:600;opacity:.7;transition:all .3s ease}.billing-toggle span.active{font-size:1.1rem;opacity:1}.save-badge{background:#ff6b6b;border-radius:15px;font-size:.75rem;margin-left:8px;padding:4px 10px}.toggle-switch{background:#ffffff4d;border:none;border-radius:15px;cursor:pointer;height:30px;transition:all .3s ease}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:24px;left:3px;top:3px;transition:all .3s ease;width:24px}.toggle-slider.yearly{transform:translateX(30px)}.pricing-content{margin:-40px auto 0;max-width:1200px;padding:0 20px 60px;position:relative;z-index:1}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.pricing-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:40px 30px;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.pricing-card.popular{border:3px solid #4facfe;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:20px;box-shadow:0 4px 15px #4facfe66;color:#fff;font-size:.9rem;font-weight:700;left:50%;padding:8px 25px;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-card-header{margin-bottom:30px;text-align:center}.plan-icon{font-size:4rem;margin-bottom:15px}.plan-name{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:10px}.plan-description{color:#666;font-size:1rem;line-height:1.5}.pricing-card-price{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px;text-align:center}.price{color:#2d3748;font-size:3rem;font-weight:700;margin-bottom:5px}.price-period{color:#999;font-size:1.2rem;font-weight:400}.savings{color:#4facfe;font-size:.95rem;font-weight:600;margin-top:5px}.features-list{list-style:none;margin:0 0 30px;padding:0}.features-list li{align-items:center;display:flex;font-size:1rem;gap:12px;padding:12px 0}.feature-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;width:24px}.features-list li.included .feature-icon{background:#d4f4dd;color:#22c55e}.features-list li.not-included .feature-icon{background:#fee;color:#ef4444}.features-list li.included .feature-text{color:#2d3748}.features-list li.not-included .feature-text{color:#999;text-decoration:line-through}.pricing-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.pricing-btn.primary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d;color:#fff}.pricing-btn.primary:hover{box-shadow:0 6px 25px #4facfe66;transform:translateY(-2px)}.pricing-btn.secondary{background:#fff;border:2px solid #4facfe;color:#4facfe}.pricing-btn.secondary:hover{background:#4facfe;color:#fff}.pricing-faq{margin:80px auto;max-width:1000px;padding:0 20px}.faq-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.faq-item{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:30px}.faq-question{color:#2d3748;font-size:1.2rem;font-weight:700;margin-bottom:12px}.faq-answer{color:#666;font-size:1rem;line-height:1.7}.pricing-cta{background:linear-gradient(135deg,#4facfe,#00f2fe);margin-top:60px;padding:80px 20px}.pricing-cta-content{color:#fff;margin:0 auto;max-width:800px;text-align:center}.pricing-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.pricing-cta-text{font-size:1.2rem;margin-bottom:30px;opacity:.95}.pricing-cta-btn{background:#fff;border:none;border-radius:30px;color:#4facfe;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 40px;transition:all .3s ease}.pricing-cta-btn:hover{background:#2d3748;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-3px)}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}}@media (max-width:768px){.pricing-hero-title{font-size:2.5rem}.pricing-hero-subtitle{font-size:1.1rem}.faq-grid{grid-template-columns:1fr}.billing-toggle{flex-direction:column;gap:10px;padding:15px 20px}.price{font-size:2.5rem}}.contact-page{min-height:100vh;position:relative}.urgent-offer-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;overflow:hidden;padding:1.5rem 2rem;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.urgent-offer-banner:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{to{left:100%}}.close-banner{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:30px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:30px}.close-banner:hover{background:#ffffff4d;transform:rotate(90deg)}.offer-content{margin:0 auto;max-width:1200px;text-align:center}.offer-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding:6px 16px}.offer-content h3{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.countdown{animation:pulse-countdown 1s ease-in-out infinite;color:gold;font-size:1.5rem;font-weight:800}@keyframes pulse-countdown{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.offer-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.offer-features span{font-size:.95rem;font-weight:600}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:6rem 2rem 5rem;position:relative;text-align:center}.contact-hero:before{animation:pulse-bg 8s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:1}}.contact-hero h1{animation:fadeInUp .8s ease-out;font-size:3.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.contact-hero p{animation:fadeInUp .8s ease-out .2s backwards;font-size:1.3rem;margin-bottom:2rem;opacity:.95;position:relative;z-index:1}.hero-stats{flex-wrap:wrap;position:relative;z-index:1}.hero-stat{text-align:center}.hero-stat strong{display:block;font-size:.9rem;margin-bottom:.5rem;opacity:.9}.hero-stat span{display:block;font-size:2rem;font-weight:800}.social-proof-section{background:#fff;box-shadow:0 4px 20px #0000000d;padding:3rem 2rem}.proof-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;text-align:center}.proof-item{padding:1.5rem;transition:transform .3s ease}.proof-item:hover{transform:translateY(-5px)}.proof-icon{font-size:2rem;margin-bottom:.75rem}.proof-item p{color:#2d3748;font-size:1.1rem;margin-bottom:.25rem}.proof-item strong{color:#667eea;font-size:1.3rem}.proof-item span{color:#666;font-size:.9rem}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px;padding:4rem 2rem}.contact-form-container.priority{background:#fff;border:2px solid #667eea;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:3rem}.form-header{margin-bottom:2.5rem;text-align:center}.form-header h2{color:#2d3748;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.form-subtitle{color:#666;font-size:1.2rem;margin-bottom:1.5rem}.highlight{color:#667eea;font-weight:700}.form-benefits{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.benefit{background:#f0f4ff;border-radius:20px;color:#667eea;font-size:.9rem;font-weight:600;padding:8px 16px}.contact-form.enhanced{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-size:1rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;font-family:inherit;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group textarea{min-height:140px;resize:vertical}.form-guarantee{background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem;padding:1.5rem}.guarantee-item{color:#2d3748;font-size:.95rem;font-weight:600}.btn-submit.enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;justify-content:center;margin-top:1rem;padding:1.3rem 3rem;transition:all .3s ease}.btn-submit.enhanced:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.btn-arrow{transition:transform .3s ease}.btn-submit.enhanced:hover .btn-arrow{transform:translateX(5px)}.form-note{color:#999;font-size:.9rem;margin-top:1rem;text-align:center}.contact-info-sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:2rem;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.info-card.urgent{background:linear-gradient(135deg,#f0f4ff,#fff);border:2px solid #667eea}.card-icon{font-size:2.5rem;margin-bottom:1rem}.info-card h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.info-card p{color:#666;font-size:1rem;margin-bottom:.5rem}.contact-link{color:#667eea;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#764ba2}.contact-hours{color:#999;font-size:.9rem}.live-indicator{align-items:center;color:#22c55e;display:flex;font-weight:600;gap:.5rem;margin-top:1rem}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.trust-badges{background:#f8f9fa;border-radius:10px;padding:1.5rem}.trust-badges h4{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.badges{display:flex;flex-direction:column;gap:.75rem}.badge{background:#fff;border-radius:8px;color:#667eea;font-size:.9rem;font-weight:600;padding:.75rem;text-align:center}.recent-inquiries{background:#f8f9fa;border-radius:10px;padding:1.5rem}.recent-inquiries h4{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.inquiry-item{border-bottom:1px solid #e2e8f0;padding:.75rem 0}.inquiry-item:last-child{border-bottom:none}.inquiry-time{color:#667eea;font-size:.85rem;font-weight:600}.inquiry-item p{color:#666;font-size:.9rem;margin-top:.25rem}.faq-section-contact{background:#f8f9fa;border-radius:20px;margin:4rem auto;max-width:1200px;padding:4rem 2rem}.faq-section-contact h2{color:#2d3748;font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.faq-grid-contact{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item-contact{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:2rem;transition:all .3s ease}.faq-item-contact:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.faq-item-contact h3{color:#2d3748;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.faq-item-contact p{color:#666;font-size:1rem;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.contact-content,.form-row{grid-template-columns:1fr}.hero-stats{gap:2rem}.offer-features{gap:1rem}}@media (max-width:768px){.urgent-offer-banner{padding:1.5rem 1rem}.offer-content h3{font-size:1.3rem}.countdown{font-size:1.2rem}.contact-hero{padding:5rem 1.5rem 4rem}.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1.5rem}.hero-stat span{font-size:1.5rem}.proof-container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.contact-form-container.priority{padding:2rem}.form-header h2{font-size:2rem}.form-subtitle{font-size:1rem}.form-benefits{flex-direction:column;gap:.75rem}.form-guarantee{flex-direction:column;gap:1rem}.btn-submit.enhanced{font-size:1.1rem;padding:1.2rem 2rem}.faq-section-contact{padding:3rem 1.5rem}.faq-section-contact h2{font-size:2rem}.faq-grid-contact{grid-template-columns:1fr}}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.dashboard-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.dashboard-subtitle{color:#7f8c8d;font-size:.95rem}.header-right{align-items:center;display:flex;gap:1rem}.btn-icon{border-radius:10px;padding:.75rem 1rem;position:relative}.btn-icon:hover{transform:translateY(-2px)}.badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:.7rem;padding:2px 6px;position:absolute;right:-5px;top:-5px}.user-profile{align-items:center;background:#f8f9fa;border-radius:25px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.user-profile:hover{background:#e9ecef}.profile-avatar{font-size:1.5rem}.profile-name{color:#2c3e50;font-weight:600}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;padding:1.5rem}.stat-card:hover{box-shadow:0 5px 20px #0000001a}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.green{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.purple{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.orange{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-info{flex:1 1}.stat-value{margin-bottom:.25rem}.stat-label{margin-bottom:.5rem}.stat-change{font-size:.85rem;font-weight:600}.stat-change.positive{color:#27ae60}.dashboard-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.dashboard-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h3{color:#2c3e50;font-size:1.2rem}.btn-text{background:none;border:none;color:#3498db;cursor:pointer;font-weight:600;transition:all .3s}.btn-text:hover{color:#2980b9}.tab-buttons{display:flex;gap:.5rem}.tab-buttons button{background:#f8f9fa;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s}.tab-buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chart-container{align-items:center;display:flex;height:300px;justify-content:center}.bar-chart{align-items:flex-end;gap:1rem;justify-content:space-around;padding:1rem 0;width:100%}.bar-chart,.bar-wrapper{display:flex;height:100%}.bar-wrapper{align-items:center;flex:1 1;flex-direction:column}.bar{align-items:flex-start;background:linear-gradient(0deg,#667eea,#764ba2);border-radius:8px 8px 0 0;display:flex;justify-content:center;min-height:20px;padding-top:.5rem;position:relative;transition:all .5s ease;width:100%}.bar-value{color:#fff;font-size:.9rem;font-weight:600}.bar-label{color:#7f8c8d;font-size:.85rem;font-weight:500;margin-top:.5rem}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item{background:#f8f9fa;border-radius:10px;padding:1rem}.project-item:hover{background:#e9ecef;transform:translateX(5px)}.project-header{margin-bottom:.5rem}.project-header h4{color:#2c3e50;font-size:1rem}.project-status{border-radius:15px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.project-status.active{background:#d4edda;color:#155724}.project-status.review{background:#fff3cd;color:#856404}.project-meta{margin-bottom:.75rem}.progress-fill{border-radius:10px}.progress-text{color:#2c3e50;font-size:.75rem}.notification-item{border-left:3px solid;border-radius:10px;gap:.75rem;padding:1rem}.notification-item.success{background:#d4edda;border-color:#28a745}.notification-item.info{background:#d1ecf1;border-color:#17a2b8}.notification-item.warning{background:#fff3cd;border-color:#ffc107}.notif-icon{font-size:1.5rem}.notif-content p{color:#2c3e50;font-size:.9rem;margin-bottom:.25rem}.notif-time{color:#7f8c8d;font-size:.75rem}.activity-item{gap:.75rem;padding:.75rem}.activity-item:hover{background:#f8f9fa}.activity-content p{color:#2c3e50;font-size:.9rem;margin-bottom:.25rem}.activity-time{font-size:.75rem}.team-list{display:flex;flex-direction:column;gap:.75rem}.team-member{border-radius:10px;gap:.75rem;padding:.75rem;transition:all .3s}.team-member:hover{background:#f8f9fa}.member-avatar{font-size:2rem}.member-info{flex:1 1}.member-name{color:#2c3e50;font-size:.95rem;font-weight:600}.member-role{color:#7f8c8d;font-size:.85rem}.status-indicator{border-radius:50%;height:10px;width:10px}.status-indicator.online{background:#28a745;box-shadow:0 0 10px #28a745}.status-indicator.away{background:#ffc107}.status-indicator.offline{background:#6c757d}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.quick-stats{grid-template-columns:1fr}}.community{background:#f8f9fa;min-height:100vh;padding:2rem}.community-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-content h1{font-size:2.5rem}.header-content p{color:#7f8c8d;font-size:1.1rem}.btn-new-post{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-new-post:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.community-search{margin-bottom:2rem}.search-box{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;max-width:600px;padding:1rem 1.5rem}.search-icon{font-size:1.5rem;margin-right:1rem}.search-box input{border:none;color:#2c3e50;flex:1 1;font-size:1rem;outline:none}.search-box input::placeholder{color:#95a5a6}.community-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.categories-bar{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.category-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:25px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.category-btn:hover{border-color:#667eea;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.cat-icon{font-size:1.2rem}.cat-count{background:#0000001a;border-radius:12px;font-size:.85rem;padding:.2rem .6rem}.category-btn.active .cat-count{background:#fff3}.post-card{cursor:pointer}.post-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-3px)}.post-author{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.author-avatar{font-size:2rem}.author-info{flex:1 1}.author-name{color:#2c3e50;font-size:.95rem;font-weight:600}.post-time{color:#95a5a6;font-size:.85rem}.hot-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.hot-badge,.solved-badge{border-radius:15px;font-size:.75rem;font-weight:600;padding:.3rem .8rem}.solved-badge{background:#d4edda;color:#155724}.post-title{color:#2c3e50;font-size:1.2rem;line-height:1.5;margin-bottom:1rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{font-size:.85rem;padding:.4rem .8rem;transition:all .3s}.tag:hover{background:#667eea;color:#fff}.post-stats{border-top:1px solid #e9ecef;padding-top:1rem}.stat{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem}.stat-icon{font-size:1.1rem}.sidebar-card h3{font-size:1.1rem;margin-bottom:1rem}.trending-list{display:flex;flex-direction:column;gap:.75rem}.trending-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem;transition:all .3s}.trending-item:hover{background:#e9ecef;transform:translateX(5px)}.trending-info{display:flex;flex-direction:column;gap:.25rem}.trending-name{color:#2c3e50;font-size:.95rem;font-weight:600}.trending-count{color:#7f8c8d;font-size:.8rem}.trend-indicator{font-size:1.2rem}.contributors-list{display:flex;flex-direction:column;gap:.75rem}.contributor-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s}.contributor-item:hover{background:#e9ecef;transform:translateX(5px)}.contributor-rank{color:#667eea;font-size:1.2rem;font-weight:700;min-width:30px}.contributor-avatar{font-size:1.8rem}.contributor-info{flex:1 1}.contributor-name{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.contributor-stats{color:#7f8c8d;display:flex;font-size:.8rem;gap:.75rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stats-grid .stat-item{background:#f8f9fa;border-radius:10px;padding:1rem;text-align:center}.stats-grid .stat-value{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stats-grid .stat-label{color:#7f8c8d;font-size:.8rem}.guidelines ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.guidelines li{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:.9rem;padding:.75rem}@media (max-width:1024px){.community-content{grid-template-columns:1fr}.content-sidebar{order:-1}}@media (max-width:768px){.community{padding:1rem}.community-header{align-items:flex-start;flex-direction:column;gap:1rem}.categories-bar{flex-wrap:nowrap;overflow-x:auto}}.resources{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.resources-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.resources-hero h1{font-size:3rem;margin-bottom:1rem}.resources-hero p{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.hero-stats{display:flex;gap:3rem;justify-content:center;margin-top:2rem}.hero-stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{opacity:.9}.resources-tabs{background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;justify-content:center;padding:2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.tab-btn{background:#f8f9fa;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.tab-btn:hover{background:#e9ecef;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.resources-content{margin:0 auto;max-width:1400px;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:#2c3e50;font-size:2rem}.level-filters{display:flex;gap:.5rem}.level-filters button{background:#fff;border:2px solid #e9ecef;border-radius:25px;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s}.level-filters button:hover{border-color:#667eea}.level-filters button.active{background:#667eea;border-color:#667eea;color:#fff}.tutorials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tutorial-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:all .3s}.tutorial-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.tutorial-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:4rem;height:150px;justify-content:center}.tutorial-content{padding:1.5rem}.tutorial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.level-badge{font-size:.8rem}.rating{color:#f39c12;font-weight:600}.tutorial-content h3{color:#2c3e50;font-size:1.3rem;line-height:1.4;margin-bottom:.75rem}.tutorial-content p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.tutorial-tags{flex-wrap:wrap;gap:.5rem}.tutorial-meta,.tutorial-tags{display:flex;margin-bottom:1rem}.tutorial-meta{border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;color:#7f8c8d;font-size:.85rem;justify-content:space-between;padding:1rem 0}.btn-start{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:.75rem}.btn-start:hover{box-shadow:0 4px 15px #667eea66}.articles-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.article-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s}.article-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.article-thumbnail{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;font-size:3rem;height:120px;justify-content:center}.article-content{padding:1.5rem}.article-category{background:#667eea;border-radius:15px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.3rem .8rem}.article-content h3{color:#2c3e50;font-size:1.2rem;line-height:1.4;margin-bottom:1rem}.article-meta{gap:1rem;margin-bottom:1rem}.article-footer,.article-meta{color:#7f8c8d;display:flex;font-size:.85rem}.article-footer{border-top:1px solid #e9ecef;justify-content:space-between;padding-top:1rem}.tools-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tool-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center;transition:all .3s}.tool-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.tool-icon{font-size:4rem;margin-bottom:1rem}.tool-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.75rem}.tool-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.tool-category{border-radius:15px;color:#667eea;display:inline-block;font-size:.8rem;margin-bottom:1rem;padding:.4rem .8rem}.btn-tool,.tool-category{background:#f8f9fa;font-weight:600}.btn-tool{border:2px solid #e9ecef;border-radius:10px;color:#2c3e50;cursor:pointer;padding:.75rem;transition:all .3s;width:100%}.btn-tool:hover{background:#667eea;border-color:#667eea;color:#fff}.cheatsheets-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.cheatsheets-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cheatsheet-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center;transition:all .3s}.cheatsheet-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.cheatsheet-icon{font-size:4rem;margin-bottom:1rem}.cheatsheet-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.75rem}.download-count{color:#7f8c8d;font-size:.9rem;margin-bottom:1.5rem}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-download:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.resources-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin:4rem 2rem 2rem;padding:4rem 2rem;text-align:center}.resources-cta h2{font-size:2.5rem;margin-bottom:1rem}.resources-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn-premium{background:#fff;border:none;border-radius:12px;color:#667eea;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s}.btn-premium:hover{box-shadow:0 6px 20px #0003;transform:translateY(-3px)}@media (max-width:768px){.resources-hero h1{font-size:2rem}.resources-hero p{font-size:1rem}.hero-stats{flex-direction:column;gap:1.5rem}.resources-tabs{flex-wrap:wrap;padding:1rem}.tab-btn{font-size:.9rem;padding:.75rem 1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.articles-grid,.cheatsheets-grid,.tools-grid,.tutorials-grid{grid-template-columns:1fr}}.playground{background:#f8f9fa;min-height:100vh}.playground-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.playground-header h1{font-size:3rem;margin-bottom:1rem}.playground-header p{font-size:1.3rem;opacity:.9}.playground-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:2rem}.demos-sidebar{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.demos-sidebar h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.demos-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.demo-btn{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .3s}.demo-btn:hover{background:#e9ecef;transform:translateX(5px)}.demo-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.demo-icon{font-size:2rem}.demo-info{flex:1 1}.demo-name{font-size:1rem;font-weight:600;margin-bottom:.25rem}.demo-desc{font-size:.8rem;opacity:.8}.demo-stats{border-top:2px solid #e9ecef;padding-top:1.5rem}.demo-stats h4{color:#2c3e50;font-size:1rem;margin-bottom:1rem}.stat-item{background:#f8f9fa;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.demo-area{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem}.demo-container{display:flex;flex-direction:column;gap:2rem}.demo-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.demo-header p{color:#7f8c8d;font-size:1.1rem}.calculator{margin:0 auto;max-width:400px}.calc-display{word-wrap:break-word;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;font-size:2.5rem;justify-content:flex-end;margin-bottom:1rem;min-height:80px;padding:2rem;text-align:right}.calc-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.calc-btn{background:#f8f9fa;border:none;border-radius:12px;color:#2c3e50;cursor:pointer;font-size:1.5rem;font-weight:600;padding:1.5rem;transition:all .3s}.calc-btn:hover{background:#e9ecef;transform:scale(1.05)}.calc-btn.clear{background:#e74c3c;color:#fff;grid-column:span 3}.todo-app{margin:0 auto;max-width:600px}.todo-input-group{display:flex;gap:1rem;margin-bottom:1.5rem}.todo-input-group input{border:2px solid #e9ecef;border-radius:12px;flex:1 1;font-size:1rem;outline:none;padding:1rem;transition:all .3s}.todo-input-group input:focus{border-color:#667eea}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-add:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.todos-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.todo-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.todo-item:hover{background:#e9ecef}.todo-item.completed span{opacity:.5;text-decoration:line-through}.todo-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.todo-item span{color:#2c3e50;flex:1 1;font-size:1rem}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;transition:all .3s}.btn-delete:hover{transform:scale(1.2)}.todo-stats{background:#f8f9fa;border-radius:12px;color:#2c3e50;display:flex;font-weight:600;justify-content:space-around;padding:1rem}.color-picker-demo{margin:0 auto;max-width:500px}.color-display{align-items:center;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;height:200px;justify-content:center;margin-bottom:1.5rem}.color-display h3{color:#fff;font-size:2rem;text-shadow:0 2px 4px #0000004d}.color-input{border:none;border-radius:12px;cursor:pointer;height:60px;margin-bottom:1.5rem;width:100%}.color-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.color-code{display:flex;flex-direction:column;gap:.5rem}.color-code label{color:#2c3e50;font-size:.9rem;font-weight:600}.color-code input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-family:monospace;padding:.75rem}.color-presets{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr)}.preset-btn{border:3px solid #fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:50px;transition:all .3s}.preset-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.slider-demo{margin:0 auto;max-width:500px}.slider-display{margin-bottom:2rem}.slider-value{color:#667eea;font-size:4rem;font-weight:700;margin-bottom:1rem;text-align:center}.slider-bar{background:#e9ecef;border-radius:20px;height:40px;overflow:hidden;position:relative}.slider-fill{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);display:flex;height:100%;justify-content:flex-end;padding-right:1rem;transition:width .3s}.slider-input{cursor:pointer;height:20px;margin-bottom:2rem;width:100%}.slider-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.info-item{background:#f8f9fa;border-radius:12px;padding:1rem;text-align:center}.info-item span{color:#7f8c8d;display:block;font-size:.9rem;margin-bottom:.5rem}.info-item strong{color:#667eea;font-size:1.5rem}.demo-code{background:#2c3e50;border-radius:15px;margin-top:2rem;padding:1.5rem}.demo-code h4{color:#fff;font-size:1.1rem;margin-bottom:1rem}.demo-code pre{color:#ecf0f1;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.playground-footer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin:2rem;padding:3rem 2rem;text-align:center}.playground-footer h3{font-size:2rem;margin-bottom:1rem}.playground-footer p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.btn-suggest{background:#fff;border:none;border-radius:12px;color:#667eea;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s}.btn-suggest:hover{box-shadow:0 6px 20px #0003;transform:translateY(-3px)}@media (max-width:1024px){.playground-content{grid-template-columns:1fr}.demos-sidebar{position:static}}@media (max-width:768px){.playground-header h1{font-size:2rem}.playground-header p{font-size:1rem}.demo-area,.playground-content{padding:1rem}.calc-buttons{gap:.5rem}.calc-btn{font-size:1.2rem;padding:1rem}}.events{background:#f8f9fa;min-height:100vh}.events-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.events-hero h1{font-size:3rem;margin-bottom:1rem}.events-hero p{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-primary{background:#fff;color:#667eea}.btn-secondary{background:#fff3;border:2px solid #fff;color:#fff}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 6px 20px #0003;transform:translateY(-3px)}.events-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-3rem auto 2rem;max-width:1200px;padding:2rem;position:relative;z-index:10}.stat-number{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.events-filters{display:flex;gap:1rem;justify-content:center;padding:2rem}.filter-btn{font-size:1rem;padding:1rem 2rem}.filter-btn.active{border-color:#0000}.events-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px;padding:2rem}.events-main h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.event-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:all .3s}.event-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.event-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:4rem;height:150px;justify-content:center}.event-content{padding:1.5rem}.event-badges{display:flex;gap:.5rem;margin-bottom:1rem}.level-badge,.type-badge{border-radius:15px;font-size:.75rem;font-weight:600;padding:.4rem .8rem}.type-badge.webinar{background:#d4edda;color:#155724}.type-badge.workshop{background:#fff3cd;color:#856404}.type-badge.conference{background:#cce5ff;color:#004085}.level-badge{background:#f8f9fa;color:#667eea}.event-content h3{color:#2c3e50;font-size:1.3rem;line-height:1.4;margin-bottom:1rem}.event-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem}.meta-icon{font-size:1.1rem}.event-speaker{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.speaker-avatar{font-size:2rem}.speaker-name{color:#2c3e50;font-size:.95rem;font-weight:600}.speaker-role{color:#7f8c8d;font-size:.85rem}.event-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f8f9fa;border-radius:8px;color:#667eea;font-size:.8rem;font-weight:500;padding:.3rem .7rem}.event-footer{border-top:1px solid #e9ecef;gap:1rem;padding-top:1rem}.attendees-info,.event-footer{display:flex;flex-direction:column}.attendees-info{gap:.5rem}.attendees-count{color:#7f8c8d;font-size:.9rem;font-weight:600}.progress-bar{height:6px}.progress-fill{transition:width .3s}.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-register:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-register.almost-full{background:linear-gradient(135deg,#f093fb,#f5576c)}.past-events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.past-event-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s}.past-event-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.past-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:180px;justify-content:center;position:relative}.thumbnail-icon{font-size:4rem}.play-overlay{align-items:center;background:#0000004d;display:flex;font-size:3rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s}.past-event-card:hover .play-overlay{opacity:1}.past-content{padding:1.5rem}.past-content h3{color:#2c3e50;font-size:1.2rem;line-height:1.4;margin-bottom:1rem}.past-meta{color:#7f8c8d;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.btn-watch{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;color:#2c3e50;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-watch:hover{background:#667eea;border-color:#667eea;color:#fff}.speakers-list{display:flex;flex-direction:column;gap:1rem}.speaker-item{background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.speaker-item:hover{background:#e9ecef;transform:translateX(5px)}.speaker-avatar-large{font-size:2.5rem}.speaker-details{flex:1 1}.speaker-details .speaker-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.speaker-details .speaker-role{color:#7f8c8d;font-size:.85rem;margin-bottom:.25rem}.speaker-events{color:#667eea;font-size:.8rem;font-weight:600}.newsletter p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.newsletter input{border:2px solid #e9ecef;border-radius:10px;font-size:.95rem;margin-bottom:1rem;outline:none;padding:.75rem;transition:all .3s;width:100%}.newsletter input:focus{border-color:#667eea}.btn-subscribe{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-subscribe:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.calendar-view{background:#f8f9fa;border-radius:10px;padding:1rem}.calendar-header{color:#2c3e50;font-weight:600;margin-bottom:1rem;text-align:center}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;transition:all .3s}.calendar-day:hover{background:#e9ecef}.calendar-day.has-event{font-weight:600}.calendar-day.has-event,.events-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.events-cta{border-radius:20px;margin:2rem;padding:4rem 2rem;text-align:center}.events-cta h2{font-size:2.5rem;margin-bottom:1rem}.events-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn-host{background:#fff;border:none;border-radius:12px;color:#667eea;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s}.btn-host:hover{box-shadow:0 6px 20px #0003;transform:translateY(-3px)}@media (max-width:1024px){.events-content,.events-grid{grid-template-columns:1fr}}@media (max-width:768px){.events-hero h1{font-size:2rem}.events-hero p{font-size:1rem}.hero-buttons{flex-direction:column}.events-stats{grid-template-columns:1fr 1fr;margin-top:1rem}.events-filters{flex-direction:column;padding:1rem}}.games{background:#f8f9fa;min-height:100vh}.games-header{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:4rem 2rem;text-align:center}.games-header h1{font-size:3rem;margin-bottom:1rem}.games-header p{font-size:1.3rem;opacity:.9}.games-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-3rem auto 2rem;max-width:1200px;padding:2rem;position:relative;z-index:10}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-value{color:#f5576c}.games-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:2rem}.games-sidebar{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.games-sidebar h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.games-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.game-btn{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .3s}.game-btn:hover{background:#e9ecef;transform:translateX(5px)}.game-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.game-icon{font-size:2rem}.game-info{flex:1 1}.game-name{font-size:1rem;font-weight:600;margin-bottom:.25rem}.game-desc{font-size:.8rem;opacity:.8}.daily-challenge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:1.5rem}.daily-challenge h4{margin-bottom:.75rem}.daily-challenge p{font-size:.9rem;margin-bottom:1rem;opacity:.9}.challenge-reward{background:#fff3;border-radius:20px;display:inline-block;font-weight:600;padding:.5rem 1rem}.game-area{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;min-height:600px;padding:2rem}.game-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.game-header h2{color:#2c3e50;font-size:2rem}.quiz-progress{background:#f8f9fa;border-radius:25px;color:#2c3e50;font-weight:600;padding:.75rem 1.5rem}.quiz-container{margin:0 auto;max-width:800px}.question-card{background:#f8f9fa;border-radius:15px;padding:2rem}.question-card h3{color:#2c3e50;font-size:1.5rem;line-height:1.6;margin-bottom:2rem}.options-grid{grid-gap:1rem;display:grid;gap:1rem}.option-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s}.option-btn:hover{border-color:#f5576c;box-shadow:0 4px 15px #f5576c33;transform:translateX(10px)}.option-letter{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.option-text{color:#2c3e50;flex:1 1;font-size:1.1rem}.quiz-result{padding:3rem;text-align:center}.result-icon{font-size:5rem;margin-bottom:1rem}.quiz-result h3{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem}.result-score{color:#f5576c;font-size:3rem;font-weight:700;margin-bottom:.5rem}.result-percentage{color:#7f8c8d;font-size:1.5rem;margin-bottom:2rem}.btn-retry{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.btn-retry:hover{box-shadow:0 6px 20px #f5576c66;transform:translateY(-3px)}.game-stats{color:#2c3e50;display:flex;font-weight:600;gap:2rem}.memory-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:600px}.memory-card{aspect-ratio:1;background:#f8f9fa;border-radius:15px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .6s}.memory-card.flipped{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;display:flex;font-size:3rem;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-back{background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotateY(180deg)}.game-complete{background:#f8f9fa;border-radius:15px;margin-top:2rem;padding:2rem;text-align:center}.game-complete h3{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.typing-container{margin:0 auto;max-width:800px}.target-text{background:#2c3e50;border-radius:15px;margin-bottom:2rem;padding:2rem}.target-text code{color:#ecf0f1;font-size:1.3rem;line-height:1.8}.target-text code,.typing-input{font-family:Courier New,monospace}.typing-input{border:2px solid #e9ecef;border-radius:15px;font-size:1.2rem;margin-bottom:1rem;min-height:150px;outline:none;padding:1.5rem;resize:vertical;transition:all .3s;width:100%}.typing-input:focus{border-color:#f5576c}.typing-stats{background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-around;margin-bottom:1rem;padding:1.5rem}.typing-stats .stat{color:#2c3e50;font-size:1.1rem;font-weight:600}.wpm-display{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:25px;color:#fff;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem}.typing-result{background:#f8f9fa;border-radius:15px;margin-top:2rem;padding:2rem;text-align:center}.typing-result h3{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.typing-result strong{color:#f5576c;font-size:1.3rem}.coming-soon{padding:4rem 2rem;text-align:center}.coming-icon{font-size:5rem;margin-bottom:1rem}.coming-soon h3{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.coming-soon p{color:#7f8c8d;font-size:1.1rem}@media (max-width:1024px){.games-content{grid-template-columns:1fr}.games-sidebar{position:static}.memory-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.games-header h1{font-size:2rem}.games-stats{grid-template-columns:1fr 1fr}.memory-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.card-back,.card-front{font-size:2rem}}.leaderboard{background:#f8f9fa;min-height:100vh}.leaderboard-header{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff;padding:4rem 2rem;text-align:center}.leaderboard-header h1{font-size:3rem;margin-bottom:1rem}.leaderboard-header p{font-size:1.3rem;opacity:.9}.leaderboard-controls{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:2rem}.category-tabs{display:flex;gap:1rem}.category-tab{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s}.category-tab:hover{border-color:#19547b}.category-tab.active{background:linear-gradient(135deg,#ffd89b,#19547b);border-color:#0000;color:#fff}.tab-icon{font-size:1.5rem}.time-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:.5rem;padding:.5rem}.time-btn{background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.time-btn:hover{background:#f8f9fa}.time-btn.active{background:#19547b;color:#fff}.leaderboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px;padding:2rem}.podium{align-items:flex-end;display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;padding:2rem}.podium-item{align-items:center;display:flex;flex-direction:column;position:relative}.podium-crown{animation:float 3s ease-in-out infinite;font-size:3rem;position:absolute;top:-40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.podium-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0003;display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.podium-avatar.large{font-size:4rem;height:100px;width:100px}.podium-badge{font-size:2rem;margin-bottom:.5rem}.podium-name{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.podium-score{color:#ffd89b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.podium-stand{align-items:center;background:linear-gradient(135deg,silver,grey);border-radius:10px 10px 0 0;box-shadow:0 -4px 15px #0000001a;display:flex;height:120px;justify-content:center;width:150px}.podium-stand.first-stand{background:linear-gradient(135deg,gold,#ffed4e);height:150px}.stand-rank{color:#fff;font-size:3rem;font-weight:900;text-shadow:2px 2px 4px #0000004d}.rankings-list{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:1.5rem}.list-header{background:#f8f9fa;border-radius:10px;color:#2c3e50;font-weight:700;margin-bottom:1rem}.list-header,.ranking-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:80px 1fr 100px 120px 120px;padding:1rem}.ranking-row{align-items:center;border-bottom:1px solid #e9ecef;transition:all .3s}.ranking-row:hover{background:#f8f9fa;transform:translateX(5px)}.ranking-row.highlighted{background:linear-gradient(135deg,#ffd89b33,#19547b33);border:2px solid #19547b;border-radius:10px}.col-rank{align-items:center;display:flex;justify-content:center}.rank-number{color:#19547b;font-size:1.2rem;font-weight:700}.col-user{align-items:center;display:flex;gap:1rem}.user-avatar{font-size:1.8rem;height:50px;width:50px}.user-name{color:#2c3e50;font-size:1.1rem;font-weight:600}.level-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.level-badge,.streak-badge{border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.streak-badge{background:#fff3cd;color:#856404;font-weight:600}.score-value{color:#19547b;font-size:1.3rem;font-weight:700}.current-user-position{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:1.5rem}.position-header{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.sidebar-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.sidebar-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.weekly-goal{gap:1.5rem}.goal-progress,.weekly-goal{display:flex;flex-direction:column}.goal-progress{gap:.5rem}.progress-bar{height:12px}.progress-fill{background:linear-gradient(90deg,#ffd89b,#19547b)}.progress-text{color:#19547b;text-align:right}.goal-details{display:flex;flex-direction:column;gap:.75rem}.goal-item{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.goal-item span{color:#7f8c8d}.goal-item strong{color:#2c3e50;font-weight:700}.achievements-list{display:flex;flex-direction:column;gap:.75rem}.achievement-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.achievement-item:hover{background:#e9ecef;transform:translateX(5px)}.achievement-info{flex:1 1}.achievement-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.achievement-count{color:#7f8c8d;font-size:.85rem}.rewards-list{display:flex;flex-direction:column;gap:.75rem}.reward-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.reward-rank{color:#19547b;font-size:1.1rem;font-weight:700}.reward-prize{color:#2c3e50;font-weight:600}.global-stats{display:flex;flex-direction:column;gap:.75rem}.stat-row{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.stat-row span{color:#7f8c8d}.stat-row strong{color:#19547b;font-weight:700}@media (max-width:1024px){.leaderboard-content{grid-template-columns:1fr}.leaderboard-controls{flex-direction:column}.category-tabs{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.leaderboard-header h1{font-size:2rem}.podium{align-items:center;flex-direction:column}.podium-item{width:100%}.list-header,.ranking-row{font-size:.9rem;grid-template-columns:60px 1fr 80px}.col-level,.col-streak{display:none}}.studio{background:#f8f9fa;min-height:100vh}.studio-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.studio-header h1{font-size:3rem;margin-bottom:1rem}.studio-header p{font-size:1.3rem;opacity:.9}.studio-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-3rem auto 2rem;max-width:1200px;padding:2rem;position:relative;z-index:10}.stat-box{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s}.stat-box:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-value{color:#2c3e50}.stat-label{font-size:1rem}.studio-tabs{background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;justify-content:center;padding:2rem}.tab{background:#f8f9fa;border-radius:12px;color:#2c3e50;font-size:1rem;padding:1rem 2rem}.tab:hover{background:#e9ecef}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2)}.studio-content{margin:0 auto;max-width:1400px;padding:2rem}.create-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.type-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.type-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s}.type-card:hover{border-color:#667eea;transform:translateY(-5px)}.type-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.type-icon{font-size:3rem;margin-bottom:1rem}.type-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.type-card p{color:#7f8c8d;font-size:.9rem}.editor-section{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem}.form-group{margin-bottom:2rem}.form-group label{font-size:1.1rem;margin-bottom:.75rem}.title-input{border:2px solid #e9ecef;border-radius:12px;font-size:1.2rem;outline:none;padding:1rem;transition:all .3s;width:100%}.title-input:focus{border-color:#667eea}.content-textarea{border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.6;outline:none;padding:1rem;resize:vertical;transition:all .3s;width:100%}.content-textarea:focus{border-color:#667eea}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag-item{align-items:center;background:#667eea;border-radius:20px;color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.tag-item button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0}.tag-input-group{display:flex;gap:1rem}.tag-input-group input{border:2px solid #e9ecef;border-radius:10px;flex:1 1;outline:none;padding:.75rem}.btn-add-tag{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.editor-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-draft{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1rem 2rem}.btn-draft,.btn-publish{cursor:pointer;font-weight:600;transition:all .3s}.btn-publish{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1.1rem;padding:1rem 2.5rem}.btn-publish:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.manage-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.content-list{display:flex;flex-direction:column;gap:1rem}.content-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s}.content-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.content-info h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.75rem}.content-meta{color:#7f8c8d;display:flex;font-size:.9rem;gap:1.5rem}.content-actions{align-items:center;display:flex;gap:1rem}.status-badge{border-radius:20px;padding:.5rem 1rem}.status-badge.published{background:#d4edda;color:#155724}.status-badge.draft{background:#fff3cd;color:#856404}.btn-edit{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.analytics-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.analytics-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem}.analytics-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.chart-placeholder{align-items:center;background:#f8f9fa;border-radius:10px;color:#7f8c8d;display:flex;font-size:1.1rem;height:300px;justify-content:center}@media (max-width:768px){.studio-header h1{font-size:2rem}.studio-tabs{flex-wrap:wrap}.type-grid{grid-template-columns:1fr}.content-item,.editor-actions{flex-direction:column}.content-item{align-items:flex-start;gap:1rem}}.chat{background:#f8f9fa;display:grid;grid-template-columns:300px 1fr 280px;height:calc(100vh - 80px)}.chat-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.chat-sidebar-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.chat-sidebar-header h2{color:#2c3e50;font-size:1.5rem}.btn-new-chat{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:all .3s;width:40px}.btn-new-chat:hover{transform:scale(1.1)}.chat-search{border-bottom:1px solid #e9ecef;padding:1rem}.chat-search input{border:1px solid #e9ecef;border-radius:10px;outline:none;padding:.75rem;width:100%}.chat-list{flex:1 1;overflow-y:auto}.chat-item{border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s}.chat-item:hover{background:#f8f9fa}.chat-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea}.chat-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.8rem;height:50px;justify-content:center;position:relative;width:50px}.chat-avatar.large{font-size:2rem;height:60px;width:60px}.online-indicator{background:#28a745;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-info{flex:1 1;min-width:0}.chat-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.chat-name{color:#2c3e50;font-weight:600}.chat-time{color:#7f8c8d;font-size:.8rem}.chat-preview{align-items:center;display:flex;justify-content:space-between}.last-message{color:#7f8c8d;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#f5576c;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.chat-main{background:#fff;display:flex;flex-direction:column}.chat-main-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.5rem}.chat-user-info{align-items:center;display:flex;gap:1rem}.chat-user-info h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.25rem}.user-status{color:#28a745;font-size:.85rem}.chat-actions{display:flex;gap:.5rem}.btn-icon{background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s;width:40px}.btn-icon:hover{background:#e9ecef;transform:scale(1.1)}.chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:2rem}.message{display:flex;gap:1rem;margin-bottom:1.5rem}.message.me{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.message-content{display:flex;flex-direction:column;max-width:60%}.message.me .message-content{align-items:flex-end}.message-bubble{word-wrap:break-word;background:#fff;border-radius:15px;box-shadow:0 2px 5px #0000000d;padding:1rem 1.5rem}.message.me .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-time{color:#7f8c8d;font-size:.75rem;margin-top:.5rem}.chat-input{background:#fff;border-top:1px solid #e9ecef;display:flex;gap:1rem;padding:1rem 1.5rem}.chat-input input{border:1px solid #e9ecef;border-radius:25px;flex:1 1;font-size:1rem;outline:none;padding:.75rem 1rem}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-send:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.chat-details{background:#fff;border-left:1px solid #e9ecef;overflow-y:auto;padding:2rem}.details-header{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.details-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.details-header h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.5rem}.details-header p{color:#7f8c8d}.details-section{margin-bottom:2rem}.details-section h4{color:#2c3e50;font-size:1rem;margin-bottom:1rem}.settings-list,.shared-files,.shared-links{display:flex;flex-direction:column;gap:.75rem}.file-item,.link-item,.setting-item{align-items:center;background:#f8f9fa;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;text-decoration:none;transition:all .3s;width:100%}.file-item:hover,.link-item:hover,.setting-item:hover{background:#e9ecef;transform:translateX(5px)}.file-icon,.link-icon{font-size:1.5rem}.file-name,.link-text{flex:1 1;font-size:.9rem}@media (max-width:1024px){.chat{grid-template-columns:280px 1fr}.chat-details{display:none}}@media (max-width:768px){.chat{grid-template-columns:1fr}.chat-sidebar{display:none}}.courses{background:#f8f9fa;min-height:100vh}.courses-header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:4rem 2rem;text-align:center}.courses-header h1{font-size:3rem;margin-bottom:1rem}.courses-header p{font-size:1.3rem;opacity:.9}.courses-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-3rem auto 3rem;max-width:1200px;padding:2rem;position:relative;z-index:10}.stat-item{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:all .3s}.stat-item:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;margin-bottom:.5rem}.stat-value{color:#4facfe;font-size:2.5rem}.paths-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 3rem;max-width:1400px;padding:2rem}.path-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;cursor:pointer;padding:2rem;transition:all .3s}.path-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.path-icon{align-items:center;border-radius:20px;display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.path-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.75rem}.path-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem}.path-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.level-badge{border-radius:15px;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.level-badge.beginner{background:#d4edda;color:#155724}.level-badge.intermediate{background:#fff3cd;color:#856404}.level-badge.advanced{background:#f8d7da;color:#721c24}.path-stats{grid-gap:1rem;background:#f8f9fa;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.path-stats .stat{text-align:center}.path-stats .stat-label{color:#7f8c8d;display:block;font-size:.8rem;margin-bottom:.25rem}.path-stats strong{color:#2c3e50;font-size:1.1rem}.btn-start{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.btn-start:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.course-detail{margin:0 auto 3rem;max-width:1400px;padding:2rem}.course-detail h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.courses-list{display:flex;flex-direction:column;gap:1rem}.course-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.course-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.course-item.locked{opacity:.6}.course-number{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.course-info{flex:1 1}.course-info h4{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.course-meta{color:#7f8c8d;display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:.75rem}.progress-bar{position:relative}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe)}.progress-text{color:#4facfe;font-size:.8rem;font-weight:600;position:absolute;right:.5rem;top:-1.5rem}.course-action{align-items:center;display:flex}.status-icon{font-size:2rem}.btn-continue{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-continue:hover{box-shadow:0 4px 15px #4facfe66;transform:translateY(-2px)}.features-section{margin:0 auto;max-width:1400px;padding:4rem 2rem;text-align:center}.features-section h2{color:#2c3e50;font-size:2.5rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem;transition:all .3s}.feature-item:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.75rem}.feature-item p{color:#7f8c8d;line-height:1.6}@media (max-width:768px){.courses-header h1{font-size:2rem}.paths-grid{grid-template-columns:1fr}.course-item{flex-direction:column;text-align:center}}.profile{background:#f8f9fa;min-height:100vh}.profile-header{background:#fff;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem}.profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:200px}.profile-info-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:auto 1fr auto;margin:-80px auto 0;max-width:1200px;padding:0 2rem;position:relative}.profile-avatar-section{position:relative}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:6px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000026;display:flex;font-size:5rem;height:160px;justify-content:center;width:160px}.btn-change-avatar{background:#fff;border:2px solid #e9ecef;border-radius:50%;bottom:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;font-size:1.2rem;height:40px;position:absolute;right:10px;transition:all .3s;width:40px}.btn-change-avatar:hover{transform:scale(1.1)}.profile-main-info{padding-top:100px}.profile-main-info h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.username{font-size:1.1rem;margin-bottom:1rem}.bio{line-height:1.6}.profile-meta{color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1.5rem}.profile-meta a{color:#667eea;text-decoration:none}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-form input,.edit-form textarea{border:2px solid #e9ecef;border-radius:10px;font-size:1rem;outline:none;padding:.75rem;transition:all .3s}.edit-form input:focus,.edit-form textarea:focus{border-color:#667eea}.profile-actions{display:flex;gap:1rem;padding-top:100px}.btn-cancel,.btn-edit,.btn-save,.btn-share{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-edit{background:#667eea;color:#fff}.btn-share{background:#f8f9fa;border:2px solid #e9ecef;color:#2c3e50}.btn-save{background:#28a745}.btn-cancel{background:#dc3545;color:#fff}.btn-cancel:hover,.btn-edit:hover,.btn-save:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.profile-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:2rem auto;max-width:1200px;padding:0 2rem}.stat-item{text-align:center}.stat-value{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#7f8c8d;font-size:.9rem}.profile-tabs{background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:2rem}.tab{background:#0000;border:none;border-radius:10px;color:#7f8c8d;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.tab:hover{background:#f8f9fa}.tab.active{background:#667eea;color:#fff}.profile-content{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.overview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.overview-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem}.overview-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.activity-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-icon{font-size:1.5rem}.activity-info p{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.activity-time{color:#7f8c8d;font-size:.85rem}.projects-preview{display:flex;flex-direction:column;gap:1.5rem}.project-preview-item h4{color:#2c3e50;margin-bottom:.75rem}.progress-bar{margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-text{color:#7f8c8d;font-size:.85rem}.achievements-preview{display:flex;flex-direction:column;gap:1rem}.achievement-preview{align-items:center;border-radius:10px;display:flex;gap:1rem;padding:1rem}.achievement-preview.common{background:#f8f9fa}.achievement-preview.rare{background:linear-gradient(135deg,#3498db1a,#2980b91a)}.achievement-preview.epic{background:linear-gradient(135deg,#9b59b61a,#8e44ad1a)}.achievement-preview.legendary{background:linear-gradient(135deg,#f1c40f1a,#f39c121a)}.achievement-icon{font-size:2rem}.achievement-info p{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.achievement-info span{color:#7f8c8d;font-size:.85rem}.projects-grid{grid-gap:2rem;gap:2rem}.project-header h3{font-size:1.2rem}.status-badge{font-size:.8rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.completed{background:#cce5ff;color:#004085}.status-badge.planning{background:#fff3cd;color:#856404}.project-progress,.project-tech{margin-bottom:1rem}.tech-badge{font-size:.8rem;padding:.3rem .7rem}.btn-edit-project,.btn-view{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s}.btn-edit-project{background:#f8f9fa;color:#2c3e50}.activity-timeline{background:#fff;border-radius:15px;padding:2rem}.timeline-item{border-left:3px solid #e9ecef;display:flex;gap:1.5rem;padding:1.5rem;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-icon{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.timeline-content h4{color:#2c3e50;margin-bottom:.5rem}.timeline-time{color:#7f8c8d;font-size:.85rem}.skills-section{background:#fff;border-radius:15px;padding:2rem}.skills-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:2rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.skill-item{background:#f8f9fa;border-radius:10px;padding:1rem}.skill-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.skill-name{color:#2c3e50;font-weight:600}.skill-level{color:#7f8c8d;font-weight:600}.skill-bar{background:#e9ecef;border-radius:10px;height:10px;overflow:hidden}.skill-fill{height:100%;transition:width .5s ease}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.achievement-card{background:#fff;border:3px solid #0000;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center;transition:all .3s}.achievement-card:hover{transform:translateY(-5px)}.achievement-card.common{border-color:#95a5a6}.achievement-card.rare{border-color:#3498db}.achievement-card.epic{border-color:#9b59b6}.achievement-card.legendary{background:linear-gradient(135deg,#f1c40f1a,#f39c121a);border-color:#f39c12}.achievement-icon-large{font-size:4rem;margin-bottom:1rem}.achievement-card h3{color:#2c3e50;margin-bottom:.5rem}.achievement-date{color:#7f8c8d;font-size:.85rem;margin-bottom:1rem}.rarity-badge{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.achievement-card.common .rarity-badge{background:#95a5a6;color:#fff}.achievement-card.rare .rarity-badge{background:#3498db;color:#fff}.achievement-card.epic .rarity-badge{background:#9b59b6;color:#fff}.achievement-card.legendary .rarity-badge{background:#f39c12;color:#fff}@media (max-width:1024px){.profile-info-container{grid-template-columns:1fr;text-align:center}.profile-avatar-section{margin:0 auto}.profile-main-info{padding-top:1rem}.profile-actions{padding-top:1rem}.profile-actions,.profile-meta{justify-content:center}}@media (max-width:768px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-tabs{flex-wrap:wrap}.achievements-grid,.overview-grid,.projects-grid{grid-template-columns:1fr}}.notifications-page{background:#f8f9fa;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.notifications-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.unread-count{color:#7f8c8d;font-size:.95rem}.btn-mark-all{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-mark-all:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.notifications-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-btn{padding:.75rem 1.25rem}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{background:#fff;border-left:4px solid #0000;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.notification-item.unread{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left-color:#667eea}.notification-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.notification-icon-wrapper{flex-shrink:0;position:relative}.notification-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.8rem;height:50px;width:50px}.notification-avatar,.notification-type-icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.notification-type-icon{background:#fff;bottom:-5px;box-shadow:0 2px 5px #0000001a;font-size:.9rem;height:24px;position:absolute;right:-5px;width:24px}.notification-content{flex:1 1}.notification-content p{color:#2c3e50;line-height:1.6;margin-bottom:.5rem}.notification-content strong{font-weight:700}.notification-time{color:#7f8c8d;font-size:.85rem}.notification-actions{align-items:center;display:flex;gap:.5rem}.btn-delete,.btn-read{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .3s;width:32px}.btn-read{background:#28a745;color:#fff}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover,.btn-read:hover{transform:scale(1.1)}.empty-state{background:#fff;border-radius:15px;padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-state h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#7f8c8d}@media (max-width:768px){.notifications-page{padding:1rem}.notifications-header{gap:1rem}.notification-item,.notifications-header{flex-direction:column;text-align:center}.notification-icon-wrapper{margin:0 auto}.notification-actions{justify-content:center}}.settings-page{background:#f8f9fa;min-height:100vh;padding:2rem}.settings-header{margin:0 auto 2rem;max-width:1400px}.settings-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.settings-header p{color:#7f8c8d;font-size:1.1rem}.settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr;margin:0 auto;max-width:1400px}.settings-sidebar{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:1rem;margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .3s;width:100%}.settings-nav-item:hover{background:#f8f9fa}.settings-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-icon{font-size:1.5rem}.settings-content{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem}.settings-section h2{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.8rem;margin-bottom:2rem;padding-bottom:1rem}.settings-section h3{color:#2c3e50;font-size:1.3rem;margin:2rem 0 1rem}.setting-group{margin-bottom:2rem}.setting-group label{color:#2c3e50;display:block;font-size:1.05rem;font-weight:600;margin-bottom:.75rem}.setting-group input[type=email],.setting-group input[type=number],.setting-group input[type=text],.setting-group select{border:2px solid #e9ecef;border-radius:10px;font-size:1rem;outline:none;padding:.75rem;transition:all .3s;width:100%}.setting-group input:focus,.setting-group select:focus{border-color:#667eea}.setting-description{color:#7f8c8d;display:block;font-size:.9rem;margin-top:.5rem}.setting-toggle{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.toggle-info{flex:1 1}.toggle-info label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.25rem}.toggle-info span{color:#7f8c8d;font-size:.9rem}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.theme-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.theme-option{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s}.theme-option:hover{border-color:#667eea}.theme-option.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.theme-icon{font-size:2rem}.danger-zone{background:#fff5f5;border:2px solid #feb2b2;border-radius:10px;margin-top:3rem;padding:2rem}.danger-zone h3{color:#c53030;margin-bottom:1rem;margin-top:0}.btn-danger{background:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-danger:hover{background:#c82333;box-shadow:0 4px 15px #dc354566;transform:translateY(-2px)}.danger-description{color:#7f8c8d;display:block;font-size:.9rem;margin-top:.5rem}.security-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-secondary{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;color:#2c3e50;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-secondary:hover{background:#f8f9fa;border-color:#667eea}.settings-footer{border-top:2px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:3rem;padding-top:2rem}.btn-cancel{border:2px solid #e9ecef;border-radius:10px}.btn-cancel,.btn-save{cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff}.btn-save:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.settings-container{grid-template-columns:1fr}.settings-sidebar{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));position:static}.settings-nav-item{margin-bottom:0}}@media (max-width:768px){.settings-page{padding:1rem}.theme-options{grid-template-columns:1fr}.settings-footer{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.search-page{background:#f8f9fa;min-height:100vh;padding:2rem}.search-header{margin:0 auto 2rem;max-width:1200px}.search-bar-container{display:flex;gap:1rem;margin-bottom:2rem}.search-input{border:2px solid #e9ecef;border-radius:15px;flex:1 1;font-size:1.1rem;outline:none;padding:1.25rem 1.5rem;transition:all .3s}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1.5rem;padding:1.25rem 2rem;transition:all .3s}.search-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.search-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-btn{align-items:center;border-radius:12px;display:flex;gap:.5rem}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}.filter-icon{font-size:1.2rem}.search-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1rem}.result-count{color:#2c3e50;font-weight:600}.sort-select{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-weight:600;outline:none;padding:.5rem 1rem}.search-results{margin:0 auto;max-width:1200px}.results-section{margin-bottom:3rem}.results-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.user-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center;transition:all .3s}.user-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.user-card h3{color:#2c3e50;margin-bottom:.25rem}.username{color:#7f8c8d;font-size:.9rem;margin-bottom:.75rem}.bio{color:#2c3e50;font-size:.95rem;line-height:1.5}.bio,.user-stats{margin-bottom:1rem}.user-stats{color:#7f8c8d;font-size:.9rem}.btn-follow{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-follow:hover{background:#764ba2}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;transition:all .3s}.post-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.post-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.post-meta{color:#7f8c8d;display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:1rem}.author{font-weight:600}.post-stats{color:#7f8c8d;display:flex;gap:1.5rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s}.project-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.project-card h3{color:#2c3e50;margin-bottom:.75rem}.project-card p{color:#7f8c8d;flex:1 1;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#f8f9fa;border-radius:8px;color:#667eea;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.btn-view{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.btn-view:hover{background:#764ba2}.courses-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.course-card{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;transition:all .3s}.course-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.course-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.75rem}.course-stats,.instructor{color:#7f8c8d;margin-bottom:1rem}.course-stats{display:flex;gap:1.5rem}.btn-enroll{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.btn-enroll:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.search-page{padding:1rem}.search-bar-container{flex-direction:column}.search-filters{justify-content:center}.courses-list,.projects-grid,.users-grid{grid-template-columns:1fr}}.projects-page{background:#f8f9fa;min-height:100vh;padding:2rem}.projects-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin:0 auto 2rem;max-width:1400px;padding:2rem}.header-left h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.header-left p{color:#7f8c8d}.btn-new-project{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-new-project:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.projects-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto 2rem;max-width:1400px}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#2c3e50;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.filter-btn.active,.filter-btn:hover{border-color:#667eea}.filter-btn.active{background:#667eea;color:#fff}.view-toggles{display:flex;gap:.5rem}.view-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s;width:40px}.view-btn.active,.view-btn:hover{border-color:#667eea}.view-btn.active{background:#667eea;color:#fff}.projects-container{margin:0 auto;max-width:1400px}.projects-container.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.projects-container.list{display:flex;flex-direction:column;gap:1rem}.project-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s}.project-item:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.projects-container.list .project-item{align-items:center;flex-direction:row;gap:2rem}.projects-container.list .project-item:hover{transform:translateX(5px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header h3{color:#2c3e50;flex:1 1;font-size:1.3rem}.status-badge{border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.project-description{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem}.project-progress{margin-bottom:1.5rem}.progress-header{color:#7f8c8d;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-badge{background:#f8f9fa;border-radius:8px;color:#667eea;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.project-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:1rem}.project-team{display:flex;gap:.25rem}.team-member{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.project-meta{color:#7f8c8d;display:flex;font-size:.85rem;gap:1rem}.project-actions{display:flex;gap:.5rem}.btn-edit,.btn-more,.btn-view{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s}.btn-view{background:#667eea;color:#fff}.btn-edit,.btn-more{background:#f8f9fa;color:#2c3e50}.btn-more{flex:0 1;width:40px}.btn-edit:hover,.btn-more:hover,.btn-view:hover{transform:translateY(-2px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:500px;padding:2rem;width:90%}.modal-content h2{color:#2c3e50}.form-group,.modal-content h2{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:10px;font-size:1rem;outline:none;padding:.75rem;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-create{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-cancel{background:#f8f9fa;color:#2c3e50}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-create:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.projects-page{padding:1rem}.projects-header{gap:1rem;text-align:center}.projects-controls,.projects-header{flex-direction:column}.projects-container.grid,.projects-container.list{grid-template-columns:1fr}.projects-container.list .project-item{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}
/*# sourceMappingURL=main.ba67791f.css.map*/