body{margin:0;padding:0;overflow-y:auto;overflow-x:hidden;font-family:Montserrat,sans-serif}h1,h2,h3,p{font-family:Montserrat,sans-serif}.video-background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.video-background{width:100%;height:100%;object-fit:cover}.main-content{position:relative;z-index:1;padding:0}.floating-menu-btn{position:fixed;top:20px;left:20px;width:56px;height:56px;border-radius:16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:998;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.floating-menu-btn:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#5037db1a,#a40ab91a);opacity:0;transition:opacity .3s ease}.floating-menu-btn:hover:before{opacity:1}.floating-menu-btn.light{background:linear-gradient(135deg,#fffffff2,#fafafff2);color:#5037db;border:2px solid rgba(80,55,219,.2)}.floating-menu-btn.dark{background:linear-gradient(135deg,#1a1a2ef2,#141423f2);color:#f5401c;border:2px solid rgba(245,64,28,.2)}.floating-menu-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000040}.floating-menu-btn:active{transform:translateY(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:999}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;box-shadow:4px 0 20px #0000001a}.sidebar.light{background:linear-gradient(135deg,#fffffff2,#fafafff2);color:#2d3748}.sidebar.dark{background:linear-gradient(135deg,#1a1a2ef2,#141423f2);color:#f7fafc}.sidebar-header{padding:1rem 1rem .75rem;position:relative}.profile-section{text-align:center}.profile-avatar{width:55px;height:55px;border-radius:50%;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#5037db,#a40ab9);color:#fff;box-shadow:0 4px 15px #5037db4d;overflow:hidden;position:relative}.profile-image{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:50%;display:block;position:absolute;top:0;left:0;min-height:100%;min-width:100%;will-change:transform}.sidebar .profile-image{object-fit:cover;object-position:center 25%;transform:scale(1.2);transform-origin:center center}.sidebar.dark .profile-avatar{background:linear-gradient(135deg,#f5401c,#a40ab9);box-shadow:0 4px 15px #f5401c4d}.profile-section h3{font-size:1rem;margin-bottom:.1rem;font-weight:700}.profile-section p{font-size:.75rem;opacity:.7}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{opacity:1;background:#8080801a}.sidebar-nav{padding:.5rem 1rem;flex:1}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease;margin-bottom:.3rem;position:relative;overflow:hidden;width:100%;background:none;border:none;cursor:pointer;font-size:.95rem;text-align:left}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#5037db,#a40ab9);transition:width .3s ease;opacity:.1}.sidebar.dark .nav-item:before{background:linear-gradient(90deg,#f5401c,#a40ab9)}.nav-item:hover:before,.nav-item.active:before{width:100%}.nav-item:hover{transform:translate(5px)}.nav-item.active{background:#5037db1a;color:#5037db;font-weight:600}.sidebar.dark .nav-item.active{background:#f5401c1a;color:#f5401c}.nav-icon{font-size:1rem;min-width:18px;position:relative;z-index:1}.nav-label{font-size:.9rem;position:relative;z-index:1}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(128,128,128,.3),transparent);margin:.4rem 1rem;transform-origin:left}.social-section{padding:.6rem 1rem}.social-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;opacity:.7;font-weight:600}.social-links{display:flex;gap:.5rem;justify-content:center}.social-link{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:inherit;transition:all .3s ease;background:#8080801a;font-size:1rem}.social-link:hover{background:linear-gradient(135deg,#5037db,#a40ab9);color:#fff;box-shadow:0 4px 15px #5037db4d}.sidebar.dark .social-link:hover{background:linear-gradient(135deg,#f5401c,#a40ab9);box-shadow:0 4px 15px #f5401c4d}.settings-section{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.6rem}.settings-button{width:100%;display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:8px;border:2px dashed rgba(128,128,128,.3);background:none;color:inherit;cursor:pointer;transition:all .3s ease;font-size:.85rem}.settings-button:hover{background:#8080801a;border-color:#5037db;transform:translate(5px)}.sidebar.dark .settings-button:hover{border-color:#f5401c}.settings-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.settings-label{flex:1;text-align:left}.language-toggle:hover{background:linear-gradient(90deg,#5037db1a,#a40ab91a)}.sidebar.dark .language-toggle:hover{background:linear-gradient(90deg,#f5401c1a,#a40ab91a)}.sidebar-footer{padding:.5rem 1rem;text-align:center;font-size:.7rem;opacity:.6;border-top:1px solid rgba(128,128,128,.1)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6366f199,#8b5cf699);border-radius:4px;transition:all .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#6366f1cc,#8b5cf6cc);transform:scaleX(1.2)}@media (max-width: 768px){.sidebar{width:280px}.profile-section h3{font-size:1.3rem}.profile-section p{font-size:.95rem}.nav-item{padding:.9rem 1rem;font-size:1rem}.social-section h4{font-size:1rem}.social-link{width:42px;height:42px;font-size:1.2rem}.settings-button{padding:.8rem;font-size:.9rem}}@media (max-width: 480px){.sidebar{width:85%;max-width:280px}.floating-menu-btn{width:52px;height:52px;top:18px;left:18px}.profile-avatar{width:70px;height:70px}.profile-section h3{font-size:1.2rem}.profile-section p{font-size:.85rem}.nav-item{padding:.85rem .9rem;font-size:.95rem}.nav-icon{font-size:1.1rem}.social-section{padding:.5rem 1rem}.social-section h4{font-size:.95rem}.social-links{gap:.8rem}.social-link{width:40px;height:40px;font-size:1.1rem}.settings-section{padding:.5rem 1rem}.settings-button{padding:.7rem;font-size:.85rem}.settings-icon{min-width:20px}.sidebar-footer{font-size:.7rem;padding:.6rem 1rem}}:root{--primary-color: #5037db;--primary-hover: #3a29a8;--whatsapp-color: #25D366;--whatsapp-hover: #128C7E;--text-dark: #2d3748;--text-light: #f7fafc;--transition-speed: .3s;--border-radius: 12px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}.home-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:5% 10%;min-height:100vh;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.home-container.dark:before{color:#000}.home-container.light:before{color:#fff}.text-content{display:flex;flex-direction:column;justify-content:center;max-width:600px;z-index:1;gap:1rem}.greeting-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:50px;color:#25d366;font-size:.9rem;font-weight:500;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default}.status-dot{width:8px;height:8px;background:#25d366;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.text-content h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.5rem;line-height:1.2;font-weight:800;letter-spacing:-.02em}.light .text-content h1{color:#2d3748}.dark .text-content h1{color:#f7fafc}.name-highlight{background:linear-gradient(90deg,#5037db,#a40ab9,#f5401c,#a40ab9,#5037db);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}.role-container{margin-bottom:.5rem}.role-text{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.text-content .description{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:1rem;line-height:1.8;opacity:.9}.light .text-content .description{color:#4a5568}.dark .text-content .description{color:#e2e8f0}.text-content .description strong{font-weight:600;color:var(--primary-color)}.dark .text-content .description strong{color:#f5401c}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-stack span{padding:.4rem 1rem;background:#5037db1a;border:1px solid rgba(80,55,219,.3);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--primary-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark .tech-stack span{background:#f5401c1a;border-color:#f5401c4d;color:#f5401c}.buttons-container{display:flex;gap:20px;margin-top:2rem;flex-wrap:wrap}.btn-whatsapp,.btn-primary{padding:12px 24px;font-size:1rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:500;box-shadow:var(--box-shadow);text-decoration:none}.btn-whatsapp{background-color:var(--whatsapp-color);color:#fff}.btn-whatsapp:hover{background-color:var(--whatsapp-hover)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.video-container{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:transform var(--transition-speed) ease;max-width:100%}.video-container video,.video-container-below video{width:100%;height:auto;display:block;border-radius:var(--border-radius)}.video-container-below{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:transform var(--transition-speed) ease;max-width:100%;margin-top:2rem}@media (max-width: 1024px){.home-container{gap:30px;padding:5% 8%}}@media (max-width: 768px){.home-container{grid-template-columns:1fr;padding:8% 4% 6%;text-align:center;gap:1.5rem}.text-content{align-items:center;margin-bottom:0;max-width:100%}.text-content h1{font-size:clamp(2rem,7vw,2.5rem)}.role-text{font-size:1.4rem}.description{font-size:1rem;text-align:center;line-height:1.7}.tech-stack{justify-content:center;flex-wrap:wrap;gap:.6rem}.tech-stack span{font-size:.8rem;padding:.4rem .9rem}.buttons-container{justify-content:center;margin:1.5rem auto 0;flex-direction:column;width:100%;max-width:350px;gap:1rem}.btn-whatsapp,.btn-primary{width:100%;padding:14px 24px}.video-container-below{margin:2rem auto 1rem;max-width:100%;height:280px}.greeting-badge{font-size:.85rem;padding:.45rem 1rem;margin:0 auto}}@media (max-width: 480px){.home-container{padding:15% 3% 8%;gap:1.2rem}.text-content h1{font-size:1.75rem}.role-text{font-size:1.15rem}.description{font-size:.9rem;line-height:1.65;padding:0 .5rem}.tech-stack{gap:.5rem}.tech-stack span{font-size:.7rem;padding:.35rem .75rem}.buttons-container{gap:.85rem;max-width:100%}.btn-whatsapp,.btn-primary{width:100%;padding:13px 20px;font-size:.9rem}.video-container-below{height:220px;border-radius:12px}.greeting-badge{font-size:.75rem;padding:.4rem .85rem}}.skills-showcase{padding:4rem 8% 0rem;position:relative;overflow:hidden;opacity:1!important;visibility:visible!important}.skills-showcase.light{background:linear-gradient(135deg,#ffffff1a,#f8f9fa1a);color:#2d3748}.skills-showcase.dark{background:linear-gradient(135deg,#1a1a2e1a,#0a0a0f1a);color:#f7fafc}.skills-header,.skills-categories,.skill-category-compact,.skills-grid-compact,.skill-item-compact{opacity:1!important;visibility:visible!important}.skills-header{text-align:center;margin-bottom:3rem}.skills-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#5037db,#a40ab9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-showcase.dark .skills-header h2{background:linear-gradient(135deg,#f5401c,#a40ab9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-header p{font-size:1.1rem;opacity:.9;max-width:700px;margin:0 auto}.skills-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 1200px){.skills-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills-categories{grid-template-columns:1fr;gap:1rem}}.skill-category-compact{background:#ffffff14;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-height:200px;display:flex;flex-direction:column;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.skill-category-compact:hover{border-color:#5037db66;box-shadow:0 8px 25px #5037db26;transform:translateY(-3px)}.skills-showcase.dark .skill-category-compact:hover{border-color:#f5401c66;box-shadow:0 8px 25px #f5401c26}.skills-showcase.light .skill-category-compact{background:#ffffffb3;border:1px solid rgba(0,0,0,.1)}.skills-showcase.dark .skill-category-compact{background:#1a1a2e99;border:1px solid rgba(255,255,255,.1)}.category-header-compact{margin-bottom:1.5rem;text-align:center}.category-header-compact h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--primary-color);letter-spacing:.5px}.skills-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(35px,1fr));gap:.8rem;justify-items:center;align-items:center;flex:1}.skill-item-compact{width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:background .15s ease,border-color .15s ease;cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.skill-item-compact:hover{background:#ffffff26;border-color:#ffffff4d}.skills-showcase.light .skill-item-compact{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.skills-showcase.light .skill-item-compact:hover{background:#00000014;border-color:#00000026}.skill-icon-compact{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:translateZ(0);pointer-events:none}.skill-icon-compact svg{display:block;width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){.skills-showcase{padding:2.5rem 4%}.skills-header h2{font-size:2rem}.skills-header p{font-size:1rem}.skills-categories{gap:1.2rem}.skill-category-compact{padding:1.3rem;min-height:200px}.category-header-compact h3{font-size:1.1rem;margin-bottom:1rem}.skills-grid-compact{grid-template-columns:repeat(auto-fit,minmax(45px,1fr));gap:.8rem}.skill-item-compact{width:50px;height:50px}.skill-icon-compact{font-size:1.5rem}}@media (max-width: 480px){.skills-showcase{padding:2.5rem 4%}.skills-header h2{font-size:1.75rem}.skills-header p{font-size:.9rem;padding:0 1rem}.skills-categories{gap:1rem}.skill-category-compact{padding:1.1rem;min-height:180px}.category-header-compact h3{font-size:1rem;margin-bottom:.8rem}.skills-grid-compact{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:.6rem}.skill-item-compact{width:45px;height:45px}.skill-icon-compact{font-size:1.3rem}}:root{--primary-color: #5037db;--primary-hover: #3a29a8;--accent-light: #a40ab9;--accent-dark: #f5401c;--text-dark: #000205;--text-light: #f7fafc;--bg-dark: rgba(0, 0, 0, .4);--bg-light: rgba(248, 248, 248, .332);--card-bg-dark: rgba(30, 30, 30, .7);--card-bg-light: rgba(255, 255, 255, .7);--transition-speed: .3s;--border-radius: 12px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--box-shadow-hover: 0 8px 20px rgba(0, 0, 0, .15)}.about-container{display:grid;padding:4rem 10%;min-height:100vh;transition:all var(--transition-speed) ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding-top:0%;position:relative;overflow:hidden;bottom:100px;opacity:1!important;visibility:visible!important}.about-container.dark{color:var(--text-light)}.about-container.light{color:var(--text-dark)}.about-header,.about-content,.about-profile-section,.about-info-section,.featured-project,.education-section,.about-actions{opacity:1!important;visibility:visible!important}.about-header{text-align:center;margin-bottom:3rem;margin-top:100px}.about-header h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--primary-color),var(--accent-light));-webkit-background-clip:text;background-clip:text;color:transparent}.about-header p{font-size:1.1rem;opacity:.9;max-width:700px;margin:0 auto}.about-content{display:flex;flex-direction:column;gap:3rem;max-width:1000px;margin:0 auto}.about-profile-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.about-image-center{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 10px 40px #0003;border:4px solid rgba(80,55,219,.3);transition:all .3s ease}.about-container.dark .about-image-center{border-color:#f5401c4d}.about-image-center:hover{transform:scale(1.05);box-shadow:0 15px 50px #0000004d}.profile-image-large{width:100%;height:100%;object-fit:cover;display:block}.about-intro-center{max-width:700px}.about-intro-center p{font-size:1.1rem;line-height:1.8;opacity:.9}.about-info-section{display:flex;flex-direction:column;gap:2rem}.about-left-top,.about-right-top,.about-left-bottom,.about-right-bottom{padding:1.5rem;border-radius:var(--border-radius);transition:transform var(--transition-speed) ease}.about-container.dark .about-left-top,.about-container.dark .about-right-top,.about-container.dark .about-left-bottom,.about-container.dark .about-right-bottom{background-color:var(--card-bg-dark)}.about-container.light .about-left-top,.about-container.light .about-right-top,.about-container.light .about-left-bottom,.about-container.light .about-right-bottom{background-color:var(--card-bg-light)}.about-left-top{grid-area:left-top}.about-right-top{grid-area:right-top}.about-image{width:100%;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);margin-bottom:1.5rem}.profile-image{width:100%;height:auto;display:block;transition:transform var(--transition-speed) ease}.about-image:hover .profile-image{transform:scale(1.03)}.about-intro p{line-height:1.6;margin-bottom:1.5rem}.featured-project{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid var(--primary-color);padding:1.5rem;border-radius:var(--border-radius);margin:1.5rem 0;transition:all var(--transition-speed) ease}.about-container.dark .featured-project{background:linear-gradient(135deg,#f5401c1a,#a40ab91a);border-left-color:var(--accent-dark)}.featured-project:hover{transform:translate(5px);box-shadow:var(--box-shadow)}.featured-project h4{font-size:1.2rem;margin-bottom:.75rem;color:var(--primary-color)}.about-container.dark .featured-project h4{color:var(--accent-dark)}.featured-content{line-height:1.8;font-size:.95rem}.project-item{margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.about-container.light .project-item{background:#0000000d;border-color:#0000001a}.project-item:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000001a}.about-container.dark .project-item:hover{box-shadow:0 5px 20px #ffffff1a}.project-item:last-child{margin-bottom:0}.featured-content strong{color:var(--primary-color);font-weight:600}.about-container.dark .featured-content strong{color:var(--accent-dark)}.featured-content em{opacity:.8;font-style:italic}.education-section h3{font-size:1.5rem;margin-bottom:1rem}.education-section ul{list-style-type:none;padding-left:1.5rem}.education-section li{margin-bottom:.8rem;position:relative;line-height:1.5}.education-section li:before{content:"•";color:var(--primary-color);font-size:1.5rem;position:absolute;left:-1.2rem;top:-.2rem}.skills-section h3{font-size:1.5rem;margin-bottom:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.skill{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:var(--border-radius);transition:all var(--transition-speed) ease;cursor:default}.about-container.dark .skill{background-color:#ffffff1a}.about-container.light .skill{background-color:#0000000d}.skill:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}.skill-icon{margin-bottom:.5rem;font-size:1.8rem}.about-actions{display:flex!important;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.action-button{padding:.8rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;box-shadow:var(--box-shadow)}.action-button.primary{background-color:var(--primary-color);color:#fff}.action-button.primary:hover{background-color:var(--primary-hover);transform:translateY(-3px);box-shadow:var(--box-shadow-hover)}.action-button.secondary{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);cursor:pointer}.about-container.dark .action-button.secondary{color:var(--text-light);border-color:var(--text-light)}.action-button.secondary:hover{background-color:#5037db1a;transform:translateY(-3px);box-shadow:var(--box-shadow-hover)}.action-button svg{font-size:1.1rem}.buttons-row{display:flex;gap:.8rem;flex-wrap:wrap;width:100%;max-width:100%;justify-content:center;align-items:center;padding:0;margin:0 auto}.buttons-row .action-button{flex:1;min-width:160px;white-space:nowrap;max-width:200px;font-size:.9rem;padding:.75rem 1rem}.action-button.cv-english{background:linear-gradient(135deg,#667eea,#764ba2)}.action-button.cv-english:hover{background:linear-gradient(135deg,#5568d3,#6a3f8c)}.about-container.dark .action-button.cv-english{background:linear-gradient(135deg,#f5401c,#a40ab9)}.about-container.dark .action-button.cv-english:hover{background:linear-gradient(135deg,#e03816,#8f099f)}@media (max-width: 1024px){.about-container{padding:3rem 8%}}@media (max-width: 768px){.about-container{padding:2.5rem 4%;bottom:40px}.about-header{margin-top:60px;margin-bottom:1.5rem}.about-header h2{font-size:1.9rem}.about-header p{font-size:.95rem}.about-content{gap:1.5rem}.about-image-center{width:160px;height:160px}.about-intro-center p{font-size:1rem;line-height:1.7}.featured-project{padding:1.2rem}.featured-project h4{font-size:1.1rem}.featured-content{font-size:.9rem}.project-item{margin-bottom:1rem}.education-section h3{font-size:1.3rem}.education-section ul li{font-size:.95rem}.about-actions{flex-direction:column;align-items:center;gap:0;width:100%}.buttons-row{flex-direction:column;align-items:stretch;width:95%;max-width:320px;gap:.8rem;margin:0 auto;padding:0}.buttons-row .action-button{width:100%;min-width:unset;max-width:100%;padding:.8rem 1rem;font-size:.9rem;text-align:center;justify-content:center;box-sizing:border-box}}@media (max-width: 480px){.about-container{padding:2rem 4%;bottom:30px}.about-header{margin-top:60px;margin-bottom:1.5rem}.about-header h2{font-size:1.75rem}.about-header p{font-size:.9rem}.about-image-center{width:140px;height:140px}.about-intro-center p{font-size:.9rem;line-height:1.65;padding:0 .5rem}.featured-project{padding:1rem}.featured-project h4{font-size:1rem}.featured-content{font-size:.85rem;line-height:1.6}.education-section h3{font-size:1.2rem}.education-section ul li{font-size:.85rem;padding:.4rem 0}.about-actions{gap:0;width:100%}.buttons-row{width:92%;max-width:100%;gap:.75rem;margin:0 auto}.buttons-row .action-button{width:100%;max-width:100%;padding:.75rem .85rem;font-size:.85rem;text-align:center;justify-content:center;box-sizing:border-box}.action-button svg{font-size:.95rem}}.doc-panel-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:999;transform:translateZ(0)}.doc-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:550px;height:100vh;max-height:100vh;background:linear-gradient(135deg,#fffffff2,#fafafff2);box-shadow:-4px 0 20px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;transform:translateZ(0);will-change:transform}.doc-panel.dark{background:linear-gradient(135deg,#1a1a2ef2,#141423f2);color:#f7fafc}.doc-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.doc-panel.dark .doc-header{border-bottom-color:#ffffff1a}.doc-title h2{font-size:1.6rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#5037db,#a40ab9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.doc-panel.dark .doc-title h2{background:linear-gradient(135deg,#f5401c,#a40ab9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doc-subtitle{font-size:.85rem;opacity:.7;font-weight:500;color:#666}.doc-panel.dark .doc-subtitle{color:#aaa}.doc-close{background:#00000014;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666;flex-shrink:0}.doc-panel.dark .doc-close{background:#ffffff14;color:#ccc}.doc-close:hover{background:#00000026;transform:rotate(90deg) scale(1.1)}.doc-panel.dark .doc-close:hover{background:#ffffff26}.doc-content{padding:1.5rem 2rem 2rem;flex:1;overflow-y:auto;overflow-x:hidden;color:#333}.doc-panel.dark .doc-content{color:#f7fafc}.doc-section{margin-bottom:2.5rem}.doc-section:last-child{margin-bottom:2rem}.doc-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#5037db;display:flex;align-items:center;gap:.5rem}.doc-panel.dark .doc-section h3{color:#f5401c}.doc-section p{line-height:1.7;opacity:.9;margin:0;font-size:.95rem}.doc-list{list-style:none;padding:0;margin:0}.doc-list li{padding:.6rem 0 .6rem 1.5rem;position:relative;line-height:1.6;font-size:.93rem}.doc-list li:before{content:"▸";position:absolute;left:0;color:#5037db;font-weight:700}.doc-panel.dark .doc-list li:before{color:#f5401c}.tech-grid-doc{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tech-item-doc{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#5037db14;border-radius:10px;border:1px solid rgba(80,55,219,.15);transition:all .2s ease}.doc-panel.dark .tech-item-doc{background:#f5401c14;border-color:#f5401c26}.tech-item-doc:hover{transform:translate(-3px);box-shadow:0 3px 10px #5037db26}.doc-panel.dark .tech-item-doc:hover{box-shadow:0 3px 10px #f5401c26}.tech-icon{color:#5037db;font-size:1rem}.doc-panel.dark .tech-icon{color:#f5401c}.tech-name{font-weight:500;font-size:.85rem}.doc-content::-webkit-scrollbar{width:8px}.doc-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px;margin:2px}.doc-panel.dark .doc-content::-webkit-scrollbar-track{background:#ffffff14}.doc-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6366f180,#8b5cf680);border-radius:4px;transition:all .3s ease}.doc-panel.dark .doc-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#8b5cf699,#a855f799);box-shadow:0 2px 4px #8b5cf64d}.doc-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#6366f1b3,#8b5cf6b3);transform:scaleY(1.05)}.doc-panel.dark .doc-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#8b5cf6cc,#a855f7cc);box-shadow:0 4px 8px #8b5cf666}.doc-panel::-webkit-scrollbar{display:none}@media (max-width: 1024px){.doc-panel{width:480px}.doc-header{padding:1.75rem 1.75rem 1.25rem}.doc-content{padding:1.25rem 1.75rem 2rem}.doc-title h2{font-size:1.4rem}}@media (max-width: 768px){.doc-panel{width:100%;max-width:100%;border-radius:0}.doc-header{padding:1.5rem 1.5rem 1rem}.doc-content{padding:1rem 1.5rem 2rem}.doc-title h2{font-size:1.4rem}.doc-subtitle{font-size:.85rem}.doc-close{width:38px;height:38px;font-size:1.1rem}.doc-section{margin-bottom:1.8rem}.doc-section:last-child{margin-bottom:2rem}.doc-section h3{font-size:1.1rem;margin-bottom:.9rem}.doc-section p{font-size:.95rem;line-height:1.7}.doc-list li{font-size:.9rem;padding:.5rem 0}.tech-grid-doc{grid-template-columns:1fr;gap:.7rem}.tech-item-doc{padding:.8rem}}@media (max-width: 480px){.doc-header{padding:1.3rem 1.2rem .9rem}.doc-content{padding:.9rem 1.2rem 2rem}.doc-title h2{font-size:1.2rem}.doc-subtitle{font-size:.75rem}.doc-close{width:36px;height:36px;font-size:1rem}.doc-section{margin-bottom:1.5rem}.doc-section:last-child{margin-bottom:1.5rem}.doc-section h3{font-size:1rem;margin-bottom:.8rem}.doc-section p{font-size:.85rem;line-height:1.65}.doc-list li{font-size:.85rem;padding:.45rem 0 .45rem 1.2rem}.tech-grid-doc{gap:.6rem}.tech-item-doc{padding:.7rem;font-size:.8rem}.tech-item-doc svg{font-size:1rem}}.projects-container{padding:0rem 8% 4rem;position:relative;overflow:hidden}.projects-container.light{background:linear-gradient(135deg,#ffffff1a,#f8f9fa1a);color:#2d3748}.projects-container.dark{background:linear-gradient(135deg,#1a1a2e1a,#0a0a0f1a);color:#f7fafc}.projects-header{text-align:center;margin-bottom:2rem;margin-top:2rem}.projects-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#5037db,#a40ab9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-container.dark .projects-header h2{background:linear-gradient(135deg,#f5401c,#a40ab9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-header p{font-size:1.1rem;opacity:.9;max-width:700px;margin:0 auto}.projects-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.projects-grid-compact{grid-template-columns:1fr;gap:1.5rem}}.project-card-compact{background:#ffffff14;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:relative;will-change:transform}.projects-container.light .project-card-compact{background:#ffffffb3;border:1px solid rgba(0,0,0,.1)}.projects-container.dark .project-card-compact{background:#1a1a2e99;border:1px solid rgba(255,255,255,.1)}.project-card-compact.featured{border-color:#ffd7004d;box-shadow:0 0 20px #ffd7001a}.project-card-compact:hover{border-color:#5037db66;box-shadow:0 10px 30px #5037db26}.projects-container.dark .project-card-compact:hover{border-color:#f5401c66;box-shadow:0 10px 30px #f5401c26}.project-image-container{position:relative;height:200px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease;will-change:transform}.project-card-compact:hover .project-image{transform:scale(1.05)}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #ffd7004d}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;will-change:opacity}.project-card-compact:hover .project-overlay{opacity:1}.expand-btn{background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#333;font-size:1.2rem}.expand-btn:hover{background:#fff;transform:scale(1.1)}.project-info{padding:1.5rem}.project-info h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-color)}.project-short-desc{font-size:.9rem;opacity:.8;margin-bottom:1rem;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#5037db1a;color:#5037db;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(80,55,219,.2)}.projects-container.dark .tech-tag{background:#f5401c1a;color:#f5401c;border-color:#f5401c33}.tech-more{background:#8080801a;color:#666;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.project-actions{display:flex;gap:.75rem;flex-wrap:wrap;width:100%}.project-actions a,.project-actions button{flex:1;padding:.75rem 1rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:500;text-align:center;transition:all .3s ease;min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer}.btn-github{background:#0000001a;color:#333;border:1px solid rgba(0,0,0,.2)}.projects-container.dark .btn-github{background:#ffffff1a;color:#f7fafc;border-color:#fff3}.btn-github:hover{background:#0003;transform:translateY(-2px)}.btn-visit{background:linear-gradient(135deg,#5037db,#a40ab9);color:#fff}.projects-container.dark .btn-visit{background:linear-gradient(135deg,#f5401c,#a40ab9)}.btn-visit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #5037db4d}.projects-container.dark .btn-visit:hover{box-shadow:0 5px 15px #f5401c4d}.btn-private{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.3)}.btn-private:hover{background:#ffd70033;transform:translateY(-2px)}.btn-documentation{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.btn-documentation:hover{background:#3b82f633;transform:translateY(-2px)}.project-expanded{border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.expanded-content{padding:1.5rem}.project-full-desc{font-size:.95rem;line-height:1.6;opacity:.9;margin-bottom:1.5rem}.all-technologies h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color)}.tech-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag-full{background:#5037db26;color:#5037db;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:500;border:1px solid rgba(80,55,219,.3)}.projects-container.dark .tech-tag-full{background:#f5401c26;color:#f5401c;border-color:#f5401c4d}@media (max-width: 768px){.projects-container{padding:2.5rem 4%}.projects-header h2{font-size:2rem}.projects-header p{font-size:1rem}.projects-grid-compact{gap:1.8rem}.project-image-container{height:200px}.project-info{padding:1.3rem}.project-info h3{font-size:1.3rem}.project-short-desc{font-size:.95rem}.project-tech{gap:.5rem}.tech-tag{font-size:.75rem;padding:.4rem .8rem}.project-actions{flex-wrap:wrap;gap:.6rem}.project-actions a,.project-actions button{flex:1 1 calc(50% - .3rem);min-width:120px;font-size:.85rem;padding:.65rem .9rem}.btn-documentation{flex:1 1 100%}.expanded-content{padding:1.2rem}.project-full-desc{font-size:.95rem}.tech-grid{gap:.5rem}.tech-tag-full{font-size:.75rem}}@media (max-width: 480px){.projects-container{padding:2.5rem 4%}.projects-header h2{font-size:1.75rem}.projects-header p{font-size:.9rem;padding:0 1rem}.projects-grid-compact{gap:1.5rem}.project-image-container{height:180px}.project-info{padding:1.1rem}.project-info h3{font-size:1.15rem}.project-short-desc{font-size:.9rem;line-height:1.5}.project-tech{gap:.4rem}.tech-tag{font-size:.7rem;padding:.35rem .7rem}.project-actions{flex-direction:column;gap:.6rem;width:100%}.project-actions a,.project-actions button{width:100%!important;flex:none!important;font-size:.85rem;padding:.7rem 1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.featured-badge{font-size:.7rem;padding:.4rem .8rem}.expanded-content{padding:1rem}.project-full-desc{font-size:.85rem;line-height:1.6}.all-technologies h4{font-size:.95rem}.tech-grid{gap:.4rem}.tech-tag-full{font-size:.7rem;padding:.35rem .7rem}.view-more-btn{font-size:.85rem;padding:.6rem 1rem}}.landing-container{width:100%;position:relative;scroll-behavior:smooth}.landing-section{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem 0;opacity:1!important;visibility:visible!important;transform:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion: no-preference){html,*{scroll-behavior:smooth}}.landing-section,.landing-section>*{opacity:1!important;visibility:visible!important}@media (prefers-reduced-motion: reduce){.landing-section{opacity:1!important;transform:none!important}}.footer{position:relative;padding:1.5rem 8%;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);z-index:10}.footer.light{background:#fffffff2;border-top-color:#0000001a;color:#2d3748}.footer.dark{background:#1a1a2ef2;color:#f7fafc}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:.75rem}.footer-section h3{font-size:1rem;margin-bottom:.5rem;background:linear-gradient(90deg,#5037db,#a40ab9);-webkit-background-clip:text;background-clip:text;color:transparent}.footer.dark .footer-section h3{background:linear-gradient(90deg,#f5401c,#a40ab9);-webkit-background-clip:text;background-clip:text}.footer-section h4{font-size:.95rem;margin-bottom:.5rem;color:#5037db}.footer.dark .footer-section h4{color:#f5401c}.footer-section p{line-height:1.5;opacity:.9;font-size:.9rem}.footer-links{display:flex;flex-direction:column;gap:.35rem}.footer-links a{color:inherit;text-decoration:none;opacity:.8;transition:all .3s ease;width:fit-content;font-size:.9rem}.footer-links a:hover{opacity:1;color:#5037db;transform:translate(5px)}.footer.dark .footer-links a:hover{color:#f5401c}.social-links{display:flex;gap:.75rem;flex-wrap:wrap}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#5037db1a;color:#5037db;font-size:1.1rem;transition:all .3s ease;border:1px solid rgba(80,55,219,.3)}.footer.dark .social-links a{background:#f5401c1a;color:#f5401c;border-color:#f5401c4d}.social-links a:hover{background:#5037db;color:#fff;box-shadow:0 4px 15px #5037db66}.footer.dark .social-links a:hover{background:#f5401c;box-shadow:0 4px 15px #f5401c66}.footer-bottom{text-align:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.footer.light .footer-bottom{border-top-color:#0000001a}.footer-bottom p{display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.8;font-size:.85rem}.heart{color:#f5401c;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}}@media (max-width: 768px){.footer{padding:2.5rem 4% 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section{text-align:center}.footer-section h3{font-size:1.4rem}.footer-section h4{font-size:1.1rem}.footer-section p{font-size:.95rem}.footer-links{align-items:center}.footer-links a{font-size:.95rem}.social-links{justify-content:center;gap:1.2rem}.social-links a{width:42px;height:42px;font-size:1.2rem}.footer-bottom{padding:1.2rem 1rem}.footer-bottom p{font-size:.85rem}}@media (max-width: 480px){.footer{padding:2.5rem 4% 1.5rem}.footer-content{gap:2rem}.footer-section h3{font-size:1.25rem}.footer-section h4{font-size:1rem}.footer-section p{font-size:.85rem;line-height:1.6;padding:0 .5rem}.footer-links{gap:.6rem}.footer-links a{font-size:.9rem}.social-links{gap:1rem}.social-links a{width:38px;height:38px;font-size:1.1rem}.footer-bottom{padding:1rem .8rem}.footer-bottom p{font-size:.75rem;line-height:1.5}.heart{font-size:.7rem}}:root{--scrollbar-thumb-dark: #2e0e34;--scrollbar-thumb-light: #6d3d7a;--scrollbar-track-dark: #f1f1f128;--scrollbar-track-light: #f1f1f1}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=motion-]{transform:translateZ(0);backface-visibility:hidden}html{scroll-behavior:smooth;scroll-padding-top:0px}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;position:relative;z-index:1}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:hidden}.app-container.dark{background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#0f0f1e);background-attachment:fixed}.app-container.light{background:linear-gradient(135deg,#fff,#f8f9fa,#fff);background-attachment:fixed}.content{position:relative;z-index:1;width:100%;flex:1}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#0000001a;border-radius:4px;margin:2px}body::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6366f1,#8b5cf6,#a855f7);border-radius:4px;border:1px solid transparent;background-clip:padding-box;transition:all .3s cubic-bezier(.25,.46,.45,.94)}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#4f46e5,#7c3aed,#9333ea);transform:scaleY(1.1)}body::-webkit-scrollbar-thumb:active{background:linear-gradient(45deg,#4338ca,#6d28d9,#7e22ce)}body.dark-theme::-webkit-scrollbar-track{background:#ffffff0d}body.dark-theme::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6366f1,#8b5cf6,#a855f7);box-shadow:0 2px 8px #8b5cf64d}body.dark-theme::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#818cf8,#a78bfa,#c084fc);box-shadow:0 4px 12px #8b5cf680}body.light-theme::-webkit-scrollbar-track{background:#00000014}body.light-theme::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6366f1,#8b5cf6,#a855f7);box-shadow:0 2px 8px #8b5cf633}body.light-theme::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#4f46e5,#7c3aed,#9333ea);box-shadow:0 4px 12px #8b5cf666}.dark{color-scheme:dark}.light{color-scheme:light}.app-container.dark{--text-color: #f7fafc;--text-secondary: rgba(247, 250, 252, .8);--bg-color: #0a0a0f;--bg-secondary: rgba(26, 26, 46, .95);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3)}.app-container.light{--text-color: #2d3748;--text-secondary: rgba(45, 55, 72, .8);--bg-color: #ffffff;--bg-secondary: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1)}.app-container{--text-color: #f7fafc;--text-secondary: rgba(247, 250, 252, .8);--bg-color: #0a0a0f;--bg-secondary: rgba(26, 26, 46, .95);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3)}.app-container.dark,.app-container.light{color:var(--text-color)}@media (max-width: 768px){.content{padding-top:20px}}