@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#000;--bg-surface:#000;--bg-surface-hover:#22232f;--text-primary:#f2f0ff;--text-secondary:#8a8fa3;--accent:#e9c46a;--accent-soft:#e9c46a1f;--accent-2:#ef6461;--border:#2a2b38;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}section{max-width:100%;margin:0;padding:0}::selection{background:var(--accent);color:var(--bg-primary)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.section-eyebrow{font-family:var(--font-mono);color:var(--accent);margin-bottom:.75rem;font-size:.85rem}.section-title{margin-bottom:3rem;font-size:clamp(1.8rem,4vw,2.8rem)}.tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:.3rem .7rem;font-size:.8rem}.editor-nav{z-index:1000;background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;height:64px;padding:.75rem 1.5rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:auto}.editor-nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000f2;box-shadow:0 4px 30px #0000004d}.editor-nav__dots{flex-shrink:0;gap:.4rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;transition:all .2s}.dot--red{background:#ef6461}.dot--yellow{background:#e9c46a}.dot--green{background:#6aaf6e}.editor-nav__dots:hover .dot--red,.editor-nav__dots:hover .dot--yellow,.editor-nav__dots:hover .dot--green{transform:scale(1.2)}.editor-nav__tabs{-ms-overflow-style:none;scrollbar-width:none;flex:1;gap:.25rem;display:flex;overflow-x:auto}.editor-nav__tabs::-webkit-scrollbar{display:none}.editor-nav__tab{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .9rem;font-size:.95rem;transition:all .2s;position:relative}.editor-nav__tab:hover{color:var(--text-primary);border-color:var(--border)}.editor-nav__tab--active{color:var(--text-primary);border-bottom-color:var(--accent)}.editor-nav__tab:focus-visible{border-color:var(--accent);outline:none}@media (width<=768px){.editor-nav{gap:1rem;height:56px;padding:.5rem 1rem}.editor-nav__tab{padding:.4rem .6rem;font-size:.75rem}.dot{width:8px;height:8px}}@media (width<=480px){.editor-nav{gap:.75rem;height:48px;padding:.4rem .75rem}.editor-nav__tab{padding:.3rem .5rem;font-size:.65rem}.editor-nav__dots{gap:.3rem}.dot{width:7px;height:7px}}.hero{align-items:center;width:100%;min-height:100vh;padding:2rem 0;display:flex}.hero__container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.hero__content{flex-direction:column;gap:.5rem;padding-top:2rem;padding-bottom:2rem;display:flex}.hero__breadcrumb{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.hero__breadcrumb-item{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);opacity:.6;font-size:.7rem;font-weight:500}.hero__breadcrumb-item--active{color:var(--accent);opacity:1}.hero__breadcrumb-sep{font-family:var(--font-mono);color:var(--border);font-size:.7rem}.hero__kicker{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.hero__kicker-line{background:var(--accent);border-radius:999px;width:2rem;height:2px;display:block}.hero__kicker-text{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:500}.hero__title{margin-bottom:.5rem}.hero__title-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:.92;display:block}.hero__title-name--light{color:var(--text-secondary);opacity:.5;font-weight:300}.hero__title-name--outline{color:#0000;-webkit-text-stroke:1.5px #ffffff1f;display:inline-block}.hero__subtitle{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.hero__subtitle-prefix{font-family:var(--font-mono);color:var(--text-secondary);opacity:.4;border-right:1px solid var(--border);padding-right:.75rem;font-size:.85rem}.hero__subtitle-role{font-family:var(--font-mono);color:var(--text-primary);opacity:.7;letter-spacing:.02em;font-size:.95rem;font-weight:500}.hero__subtitle-sep{color:var(--border);font-family:var(--font-mono)}.hero__subtitle-specialty{font-family:var(--font-mono);color:var(--text-secondary);opacity:.6;font-size:.9rem;font-weight:500}.hero__description{font-family:var(--font-body);color:var(--text-secondary);max-width:45ch;margin-bottom:.5rem;font-size:clamp(.9rem,1vw,1rem);line-height:1.7}.hero__highlight{color:var(--text-primary);font-weight:600}.hero__actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.btn{font-family:var(--font-mono);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn__icon{font-size:1rem;line-height:1}.btn--primary{background:var(--accent);color:var(--bg-primary);box-shadow:0 8px 24px #e9c46a33}.btn--primary:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 12px 32px #e9c46a4d}.btn--ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--text-primary)}.hero__services{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.hero__service{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;transition:all .2s}.hero__service:hover{border-color:var(--accent);background:var(--bg-surface-hover)}.hero__service-tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem;font-size:.6rem;font-weight:500;display:block}.hero__service-label{font-family:var(--font-body);color:var(--text-secondary);font-size:.75rem;font-weight:400;line-height:1.4}.hero__visual{justify-content:center;align-items:center;height:100%;padding-top:2rem;padding-bottom:2rem;display:flex}.hero__visual-container{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.hero__gif{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.hero__visual-overlay{background:linear-gradient(#0000,#000c);padding:1rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.hero__visual-label{font-family:var(--font-mono);color:var(--accent);opacity:.8;font-size:.75rem}@media (width<=1024px){.hero__container{gap:2rem;padding:0 1.5rem}}@media (width<=768px){.hero{min-height:auto;padding:3rem 0}.hero__container{grid-template-columns:1fr;align-items:center;gap:2rem;padding:0 1.5rem}.hero__content{padding-top:0;padding-bottom:0}.hero__visual{order:-1;padding-top:0;padding-bottom:0}.hero__visual-container{max-width:100%;position:relative}.hero__gif{aspect-ratio:16/9;max-height:300px}.hero__title-name{font-size:clamp(2.5rem,8vw,3.5rem)}.hero__description,.hero__services{max-width:100%}}@media (width<=480px){.hero__container{padding:0 1rem}.hero__services{grid-template-columns:1fr}.hero__actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.hero__gif{max-height:200px}.hero__visual-overlay{padding:.5rem 1rem}.hero__visual-label{font-size:.65rem}}.about{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.about__container{width:100%}.about__content{grid-template-columns:1.5fr 1fr;align-items:start;gap:3rem;display:grid}.about__main{flex-direction:column;gap:2rem;display:flex}.about__text-wrapper{flex-direction:column;gap:1.2rem;display:flex}.about__text{color:var(--text-secondary);max-width:60ch;font-size:1.05rem;line-height:1.7}.about__text strong{color:var(--text-primary);font-weight:600}.about__stats{gap:2.5rem;padding-top:.5rem;display:flex}.stat{border-left:2px solid var(--accent);flex-direction:column;padding-left:1.2rem;display:flex}.stat__number{font-family:var(--font-display);color:var(--accent);font-size:2.5rem;font-weight:700;line-height:1}.stat__label{color:var(--text-secondary);margin-top:.2rem;font-size:.9rem}.about__tech{padding-top:.5rem}.about__tech-title{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:1.2rem;font-size:.8rem;font-weight:500}.about__tech-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.about__tech-item{background:var(--bg-surface);border:1px solid var(--border);cursor:default;border-radius:6px;align-items:center;gap:.6rem;padding:.6rem .8rem;transition:all .2s;display:flex}.about__tech-item:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}.about__tech-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.about__tech-icon svg{fill:currentColor;width:100%;height:100%}.about__tech-name{font-family:var(--font-body);color:var(--text-secondary);font-size:.8rem;font-weight:500}.about__tech-item:hover .about__tech-name{color:var(--text-primary)}@media (width<=1024px){.about__content{grid-template-columns:1fr;gap:2.5rem}.about__tech-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.about{padding:3rem 1.5rem}.about__text{font-size:1rem}.about__stats{flex-wrap:wrap;gap:1.5rem 2.5rem}.stat{flex:1;min-width:120px}.stat__number{font-size:2rem}.about__tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.about{padding:2rem 1rem}.about__stats{flex-direction:column;gap:1rem}.stat{min-width:auto}.about__tech-grid{grid-template-columns:1fr 1fr}}.skills{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.skills__container{width:100%}.skills__subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:3rem;font-size:1.05rem;line-height:1.6}.skills__wrapper{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;grid-template-columns:280px 1fr;display:grid;overflow:hidden}.skills__nav{border-right:1px solid var(--border);background:var(--bg-surface);flex-direction:column;display:flex}.skills__nav-header{border-bottom:1px solid var(--border);padding:1.5rem 1.5rem 1rem}.skills__nav-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);opacity:.5;font-size:.65rem;font-weight:600}.skills__nav-list{flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex}.skills__nav-item{cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;transition:all .25s;display:flex}.skills__nav-item:hover{background:var(--bg-surface-hover)}.skills__nav-item--active{border-left-color:var(--accent);background:#e9c46a14}.skills__nav-icon{color:var(--text-secondary);opacity:.3;font-size:1rem;transition:all .25s}.skills__nav-item--active .skills__nav-icon{opacity:1;color:var(--accent)}.skills__nav-name{font-family:var(--font-body);color:var(--text-secondary);opacity:.7;flex:1;font-size:.85rem;font-weight:500;transition:all .25s}.skills__nav-item--active .skills__nav-name{color:var(--text-primary);opacity:1;font-weight:600}.skills__nav-avg{font-family:var(--font-mono);color:var(--text-secondary);opacity:.3;font-size:.75rem;font-weight:600;transition:all .25s}.skills__nav-item--active .skills__nav-avg{opacity:1;color:var(--accent)}.skills__nav-footer{border-top:1px solid var(--border);margin-top:auto;padding:1.25rem 1.5rem}.skills__nav-footer .skills__nav-label{margin-bottom:.75rem;display:block}.skills__legend-item{align-items:center;gap:.6rem;padding:.3rem 0;display:flex}.skills__legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.skills__legend-label{font-family:var(--font-body);color:var(--text-secondary);opacity:.7;font-size:.8rem;font-weight:500}.skills__content{background:#ffffff05;flex-direction:column;display:flex}.skills__content-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.skills__content-title{align-items:center;gap:.75rem;display:flex}.skills__content-icon{color:var(--accent);opacity:.8;font-size:1.25rem}.skills__content-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.skills__dots{gap:.4rem;display:flex}.skills__dot{background:var(--text-secondary);opacity:.15;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .25s}.skills__dot:hover{opacity:.3}.skills__dot--active{opacity:.8;background:var(--accent);transform:scale(1.3)}.skills__list-header{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);opacity:.5;grid-template-columns:1fr auto auto;gap:1rem;padding:1rem 2rem .5rem;font-size:.6rem;font-weight:600;display:grid}.skills__list-header span:last-child{text-align:right;width:44px}.skills__list{padding:0 2rem 1.5rem}.skills__row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr auto auto;align-items:center;gap:1.5rem;padding:1rem 0;transition:all .2s;display:grid}.skills__row:last-child{border-bottom:none}.skills__row-info{flex-direction:column;gap:.4rem;min-width:0;display:flex}.skills__row-name{font-family:var(--font-body);color:var(--text-primary);opacity:.9;letter-spacing:-.01em;font-size:.85rem;font-weight:500}.skills__row-bar{background:var(--bg-surface-hover);border-radius:999px;width:100%;height:3px;overflow:hidden}.skills__row-bar-fill{opacity:.7;border-radius:999px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.skills__row:hover .skills__row-bar-fill{opacity:1}.skills__row-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#ffffff05;border:1px solid;border-radius:6px;padding:.3rem .7rem;font-size:.6rem;font-weight:600;transition:all .25s}.skills__row:hover .skills__row-label{background:#ffffff0d}.skills__row-level{font-family:var(--font-mono);text-align:right;opacity:.2;width:44px;font-size:1.15rem;font-weight:700;transition:all .3s}.skills__row:hover .skills__row-level{opacity:1}.skills__content-footer{border-top:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 2rem;display:flex}.skills__mini-bars{align-items:flex-end;gap:.5rem;height:28px;display:flex}.skills__mini-bar-wrapper{align-items:flex-end;display:flex}.skills__mini-bar{border-radius:999px;width:4px;transition:height .3s}.skills__average{align-items:center;gap:.5rem;display:flex}.skills__average-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);opacity:.5;font-size:.6rem;font-weight:600}.skills__average-number{font-family:var(--font-mono);color:var(--accent);opacity:.6;font-size:1.25rem;font-weight:700}.skills__average-number:hover{opacity:1}@media (width<=1024px){.skills__wrapper{border-radius:12px;grid-template-columns:1fr}.skills__nav{border-right:none;border-bottom:1px solid var(--border)}.skills__nav-list{flex-flow:wrap;padding:.75rem}.skills__nav-item{border-bottom:3px solid #0000;border-left:none;border-radius:8px;flex:1;justify-content:center;min-width:120px}.skills__nav-item--active{border-left:none;border-bottom-color:var(--accent)}.skills__nav-footer{display:none}}@media (width<=768px){.skills{padding:3rem 1.5rem}.skills__subtitle{margin-bottom:2rem;font-size:.95rem}.skills__content-header{flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem}.skills__list-header{padding:.75rem 1.25rem .5rem;font-size:.55rem}.skills__list{padding:0 1.25rem 1rem}.skills__row{gap:1rem;padding:.75rem 0}.skills__row-name{font-size:.8rem}.skills__row-level{width:36px;font-size:1rem}.skills__content-footer{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1.25rem}.skills__mini-bars,.skills__average{justify-content:center}.skills__nav-item{min-width:100px;padding:.75rem 1rem}.skills__nav-name{font-size:.8rem}}@media (width<=480px){.skills{padding:2rem 1rem}.skills__wrapper{border-radius:8px}.skills__nav-item{flex-direction:column;gap:.15rem;min-width:80px;padding:.625rem .75rem}.skills__nav-icon{font-size:.875rem}.skills__nav-name{font-size:.7rem}.skills__nav-avg{font-size:.65rem}.skills__row{grid-template-columns:1fr auto 36px;gap:.75rem}.skills__row-label{padding:.15rem .5rem;font-size:.5rem}.skills__row-level{width:32px;font-size:.9rem}.skills__content-name{font-size:.9rem}}.experience{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.experience__container{width:100%}.experience__subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:3rem;font-size:1.05rem;line-height:1.6}.experience__timeline{padding:1rem 0;position:relative}.experience__line-wrapper{background:var(--border);border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.experience__line{background:linear-gradient(to bottom, transparent, var(--accent), transparent);border-radius:999px;width:100%;height:0%;transition:height 1.8s cubic-bezier(.16,1,.3,1)}.experience__item{margin-bottom:5rem;padding:0 1rem;position:relative}.experience__item:last-child{margin-bottom:0}.experience__card-wrapper{grid-template-columns:1fr 1.2fr;align-items:center;gap:2rem;display:grid}.experience__item--left .experience__card-wrapper{grid-template-columns:1.2fr 1fr}.experience__item--left .experience__card-wrapper .experience__image-wrapper{order:2}.experience__item--left .experience__card-wrapper .experience__card{order:1}.experience__image-wrapper{border:1px solid var(--border);background:var(--bg-surface);aspect-ratio:4/3;border-radius:16px;position:relative;overflow:hidden}.experience__image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.experience__image-wrapper:hover .experience__image{transform:scale(1.05)}.experience__dot-wrapper{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.experience__dot{background:var(--border);border:3px solid var(--bg-primary);z-index:2;border-radius:50%;width:16px;height:16px;transition:all .3s;position:relative}.experience__dot--current{background:var(--accent);box-shadow:0 0 20px #e9c46a66}.experience__dot-pulse{background:var(--accent);z-index:1;border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite pulse-dot;position:absolute}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.experience__card{position:relative}.experience__card-inner{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.experience__card-inner--active{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px #e9c46a14}.experience__badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#e9c46a1f;border:1px solid #e9c46a33;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.3rem .8rem;font-size:.6rem;font-weight:600;display:inline-flex}.experience__badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.experience__period{font-family:var(--font-mono);color:var(--text-secondary);opacity:.6;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.7rem;display:inline-flex}.experience__period-icon{font-size:.8rem}.experience__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.3rem;font-size:1.25rem;font-weight:700}.experience__company{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.experience__company-name{font-family:var(--font-body);color:var(--accent);font-size:.85rem;font-weight:600}.experience__company-sep{color:var(--border)}.experience__location{font-family:var(--font-body);color:var(--text-secondary);opacity:.7;font-size:.8rem}.experience__description{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.7}.experience__skills{flex-wrap:wrap;gap:.5rem;display:flex}.experience__skill{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface-hover);border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;font-size:.65rem;font-weight:500;transition:all .2s}.experience__card-inner--active .experience__skill{border-color:var(--accent);color:var(--text-primary)}@media (width<=1024px){.experience__card-wrapper{gap:1.5rem}}@media (width<=768px){.experience{padding:3rem 1.5rem}.experience__subtitle{margin-bottom:2rem;font-size:.95rem}.experience__line-wrapper{left:20px}.experience__item{margin-bottom:3rem;padding-left:3rem}.experience__card-wrapper{grid-template-columns:1fr;gap:1rem}.experience__item--left .experience__card-wrapper{grid-template-columns:1fr}.experience__item--left .experience__card-wrapper .experience__image-wrapper{order:1}.experience__item--left .experience__card-wrapper .experience__card{order:2}.experience__image-wrapper{aspect-ratio:16/9;max-height:200px}.experience__dot-wrapper{top:2rem;left:20px;transform:translate(-50%,-50%)}.experience__dot{border-width:2px;width:14px;height:14px}.experience__dot-pulse{width:14px;height:14px}.experience__card-inner{padding:1.25rem}.experience__title{font-size:1.1rem}.experience__description{font-size:.85rem}}@media (width<=480px){.experience{padding:2rem 1rem}.experience__item{margin-bottom:2.5rem;padding-left:2.5rem}.experience__line-wrapper,.experience__dot-wrapper{left:16px}.experience__card-inner{border-radius:12px;padding:1rem}.experience__image-wrapper{max-height:160px}.experience__title{font-size:1rem}.experience__company-name{font-size:.8rem}.experience__skill{padding:.2rem .6rem;font-size:.6rem}.experience__period{font-size:.65rem}.experience__badge{padding:.2rem .6rem;font-size:.55rem}}.projects{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.projects__container{width:100%}.projects__subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.projects__filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.projects__filter{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:20px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .2s}.projects__filter:hover{border-color:var(--text-secondary);color:var(--text-primary)}.projects__filter--active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.projects__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.projects__empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem 0}@media (width<=1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects{padding:3rem 1.5rem}.projects__subtitle{margin-bottom:1.5rem;font-size:.95rem}.projects__grid{grid-template-columns:1fr 1fr;gap:1rem}.projects__filters{gap:.4rem}.projects__filter{padding:.4rem 1rem;font-size:.75rem}}@media (width<=480px){.projects{padding:2rem 1rem}.projects__grid{grid-template-columns:1fr;gap:1rem}.projects__filter{padding:.3rem .8rem;font-size:.7rem}}.project-card{background:var(--bg-surface);border:1px solid var(--border);color:inherit;aspect-ratio:4/3;border-radius:16px;width:100%;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card__image--hover{transform:scale(1.05)}.project-card__overlay{flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:absolute;inset:0}.project-card__gradient{pointer-events:none;background:linear-gradient(#0000 40%,#000c 100%);position:absolute;inset:0}.project-card__header{z-index:1;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:relative}.project-card__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff26;border-radius:12px;padding:.25rem .75rem;font-size:.6rem;font-weight:600}.project-card__status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:12px;padding:.25rem .75rem;font-size:.6rem;font-weight:600}.project-card__status--en-producción{color:#34d399;background:#10b98126;border-color:#10b9814d}.project-card__status--en-desarrollo{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.project-card__status--completado{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.project-card__body{z-index:1;color:#fff;position:relative}.project-card__title{font-family:var(--font-display);margin-bottom:.1rem;font-size:1.1rem;font-weight:700;line-height:1.2}.project-card__author{color:#ffffff80;margin-bottom:.5rem;font-size:.75rem}.project-card__details{opacity:0;max-height:0;transition:all .4s;overflow:hidden}.project-card__details--visible{opacity:1;max-height:400px;margin-top:.75rem}.project-card__description{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card__tags{flex-wrap:wrap;gap:.3rem;display:flex}.project-card__tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffc;background:#ffffff1a;border:1px solid #ffffff14;border-radius:6px;padding:.15rem .5rem;font-size:.55rem;font-weight:500}@media (width<=768px){.project-card__overlay{padding:1rem}.project-card__title{font-size:1rem}.project-card__description{font-size:.75rem}}@media (width<=480px){.project-card{aspect-ratio:4/3}.project-card__overlay{padding:.75rem}.project-card__title{font-size:.9rem}.project-card__category,.project-card__status{padding:.15rem .5rem;font-size:.5rem}.project-card__tag{padding:.1rem .4rem;font-size:.5rem}.project-card__author{font-size:.65rem}}.project-detail{background:var(--bg-primary);min-height:100vh;padding:2rem}.project-detail__container{max-width:1200px;margin:0 auto}.project-detail__back{color:var(--text-secondary);font-family:var(--font-body);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.project-detail__back:hover{color:var(--text-primary)}.project-detail__hero{aspect-ratio:16/9;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:600px;margin-bottom:3rem;position:relative;overflow:hidden}.project-detail__hero-image{object-fit:cover;width:100%;height:100%}.project-detail__hero-overlay{background:linear-gradient(#0000 0%,#000c 100%);align-items:flex-end;padding:2.5rem;display:flex;position:absolute;inset:0}.project-detail__hero-content{color:#fff}.project-detail__hero-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.project-detail__badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.6rem;font-weight:600}.project-detail__badge--category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #ffffff1a}.project-detail__badge--status{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status--production{color:#34d399;background:#10b98126;border-color:#10b9814d}.status--development{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.status--completed{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.project-detail__hero-title{font-family:var(--font-display);margin-bottom:.25rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.project-detail__hero-meta{color:#ffffff80;font-size:.9rem}.project-detail__content{grid-template-columns:2fr 1fr;gap:3rem;display:grid}.project-detail__section{margin-bottom:2.5rem}.project-detail__section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.project-detail__description{color:var(--text-secondary);font-size:1rem;line-height:1.8}.project-detail__gallery{flex-direction:column;gap:1rem;display:flex}.project-detail__gallery-main{border:1px solid var(--border);aspect-ratio:16/9;border-radius:12px;overflow:hidden}.project-detail__gallery-main img{object-fit:cover;width:100%;height:100%}.project-detail__gallery-thumbs{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.project-detail__gallery-thumb{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:60px;transition:all .2s;overflow:hidden}.project-detail__gallery-thumb:hover{border-color:var(--border)}.project-detail__gallery-thumb--active{border-color:var(--accent)}.project-detail__gallery-thumb img{object-fit:cover;width:100%;height:100%}.project-detail__features{flex-direction:column;gap:.75rem;list-style:none;display:flex}.project-detail__feature{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.6;display:flex}.project-detail__feature svg{flex-shrink:0;margin-top:2px}.project-detail__sidebar{flex-direction:column;gap:1.5rem;display:flex}.project-detail__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.project-detail__card-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.6;margin-bottom:1rem;font-size:.7rem;font-weight:600}.project-detail__tech-list{flex-direction:column;gap:.5rem;display:flex}.project-detail__tech-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.project-detail__tech-item:last-child{border-bottom:none}.project-detail__tech-name{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem}.project-detail__tech-role{color:var(--text-secondary);opacity:.6;background:var(--bg-surface-hover);border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.project-detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-detail__tag{background:var(--bg-surface-hover);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:.2rem .7rem;font-size:.7rem}.project-detail__links{flex-direction:column;gap:.5rem;display:flex}.project-detail__link{border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.project-detail__link--github{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border)}.project-detail__link--github:hover{border-color:var(--text-secondary)}.project-detail__link--demo{background:var(--accent);color:var(--bg-primary)}.project-detail__link--demo:hover{opacity:.85;transform:translateY(-2px)}.project-detail__not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.project-detail__not-found h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.project-detail__back-link{color:var(--accent);font-size:1rem;text-decoration:none}.project-detail__back-link:hover{text-decoration:underline}@media (width<=1024px){.project-detail__content{grid-template-columns:1fr;gap:2rem}.project-detail__hero{aspect-ratio:16/10;max-height:500px}}@media (width<=768px){.project-detail{padding:1.5rem}.project-detail__hero{aspect-ratio:16/9;border-radius:12px;max-height:400px}.project-detail__hero-overlay{padding:1.5rem}.project-detail__hero-title{font-size:1.5rem}.project-detail__gallery-thumb{width:60px;height:45px}.project-detail__section{margin-bottom:1.5rem}.project-detail__description{font-size:.95rem}}@media (width<=480px){.project-detail{padding:1rem}.project-detail__hero{max-height:300px}.project-detail__hero-overlay{padding:1rem}.project-detail__hero-title{font-size:1.25rem}.project-detail__card{padding:1rem}.project-detail__tech-item{flex-direction:column;align-items:flex-start;gap:.2rem}.project-detail__gallery-thumb{width:50px;height:40px}}.certifications{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.certifications__container{width:100%}.certifications__subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.certifications__filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.certifications__filter{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:20px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .2s}.certifications__filter:hover{border-color:var(--text-secondary);color:var(--text-primary)}.certifications__filter--active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.certifications__count{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.4;margin-left:auto;font-size:.7rem;font-weight:600}.certifications__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.certifications__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.certifications__card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.certifications__card-image{background:var(--bg-surface-hover);height:180px;position:relative;overflow:hidden}.certifications__card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.certifications__card:hover .certifications__card-image img{transform:scale(1.05)}.certifications__card-overlay{background:linear-gradient(to top, var(--bg-surface), transparent 60%);opacity:.6;position:absolute;inset:0}.certifications__card-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:12px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.6rem;font-weight:600;display:inline-flex;position:absolute;top:1rem;left:1rem}.certifications__card-badge-icon{font-size:.7rem}.certifications__card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.certifications__card-header{margin-bottom:.75rem}.certifications__card-institution{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.6;margin-bottom:.25rem;font-size:.65rem;font-weight:600;display:block}.certifications__card-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.certifications__card-description{color:var(--text-secondary);flex:1;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.certifications__card-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.certifications__card-tag{background:var(--bg-surface-hover);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:.15rem .6rem;font-size:.6rem;font-weight:500}.certifications__card-footer{border-top:1px solid var(--border);padding-top:.75rem}.certifications__card-link{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;opacity:.6;align-items:center;gap:.4rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.certifications__card-link:hover{opacity:1;gap:.6rem}.certifications__card-link svg{transition:transform .2s}.certifications__card-link:hover svg{transform:translate(2px,-2px)}.certifications__empty{color:var(--text-secondary);opacity:.4;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 0;display:flex}.certifications__empty-icon{margin-bottom:1rem;font-size:2.5rem}.certifications__empty p{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600}@media (width<=1024px){.certifications__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.certifications{padding:3rem 1.5rem}.certifications__subtitle{margin-bottom:1.5rem;font-size:.95rem}.certifications__grid{grid-template-columns:1fr 1fr;gap:1rem}.certifications__filters{gap:.4rem}.certifications__filter{padding:.4rem 1rem;font-size:.75rem}.certifications__count{font-size:.6rem}.certifications__card-image{height:150px}.certifications__card-body{padding:1.25rem}.certifications__card-title{font-size:1rem}}@media (width<=480px){.certifications{padding:2rem 1rem}.certifications__grid{grid-template-columns:1fr;gap:1rem}.certifications__filter{padding:.3rem .8rem;font-size:.7rem}.certifications__card-image{height:130px}.certifications__card-body{padding:1rem}.certifications__card-title{font-size:.95rem}.certifications__card-description{font-size:.8rem}}.contact{width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.contact__container{width:100%}.contact__subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:3rem;font-size:1.05rem;line-height:1.6}.contact__grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:2.5rem;display:grid}.contact__form-wrapper{flex-direction:column;gap:1.5rem;display:flex}.contact__intro{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.contact__intro:before{content:"";background:linear-gradient(to right, var(--accent), var(--accent), transparent);height:2px;position:absolute;top:0;left:0;right:0}.contact__intro-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.contact__intro-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.7}.contact__intro-text strong{color:var(--text-primary)}.contact__status{align-items:center;gap:.6rem;display:flex}.contact__status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;position:relative}.contact__status-dot:after{content:"";opacity:.3;background:#22c55e;border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;inset:-3px}.contact__status-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#22c55e;font-size:.7rem;font-weight:600}.contact__form{flex-direction:column;gap:1.25rem;display:flex}.contact__form-group{flex-direction:column;gap:.3rem;display:flex}.contact__label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);opacity:.7;font-size:.65rem;font-weight:600}.contact__optional{text-transform:none;letter-spacing:0;opacity:.4;font-weight:400}.contact__label-row{justify-content:space-between;align-items:center;display:flex}.contact__char-count{font-family:var(--font-mono);color:var(--text-secondary);opacity:.3;font-size:.65rem}.contact__field-wrap{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:.7rem 1rem;transition:all .2s}.contact__field-wrap--error{border-color:#ef4444}.contact__input{width:100%;color:var(--text-primary);font-size:.9rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;outline:none}.contact__input::placeholder{color:var(--text-secondary);opacity:.3}.contact__textarea{resize:none;min-height:150px;line-height:1.7}.contact__error{font-family:var(--font-mono);color:#ef4444;margin-top:.2rem;font-size:.7rem}.contact__submit-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.contact__success{background:#22c55e14;border:1px solid #22c55e33;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.contact__success-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.contact__success p{font-family:var(--font-mono);color:#22c55e;font-size:.7rem;font-weight:600}.contact__error-box{background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.contact__error-dot{background:#ef4444;border-radius:50%;width:8px;height:8px}.contact__error-box p{font-family:var(--font-mono);color:#ef4444;font-size:.7rem;font-weight:600}.contact__submit{background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.contact__submit:hover:not(:disabled){opacity:.85;transform:scale(.98)}.contact__submit:disabled{opacity:.5;cursor:not-allowed}.contact__submit svg{transition:transform .2s}.contact__submit:hover:not(:disabled) svg{transform:translate(2px,-2px)}.contact__spinner{border:2px solid var(--bg-primary);border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.contact__footer-text{font-family:var(--font-mono);text-align:center;color:var(--text-secondary);opacity:.3;letter-spacing:.05em;font-size:.6rem}.contact__sidebar{flex-direction:column;gap:1.25rem;display:flex}.contact__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.contact__card-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);opacity:.5;margin-bottom:1rem;font-size:.65rem;font-weight:600}.contact__info-list{flex-direction:column;gap:1rem;display:flex}.contact__info-item{align-items:center;gap:.75rem;display:flex}.contact__info-icon{border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.contact__info-icon--available,.contact__info-item--available .contact__info-icon{background:#22c55e14;border-color:#22c55e4d}.contact__info-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.contact__info-title--available{color:#22c55e}.contact__info-sub{font-family:var(--font-mono);color:var(--text-secondary);opacity:.5;font-size:.65rem}.contact__social-list{flex-direction:column;display:flex}.contact__social-item{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:.75rem;padding:.6rem 0;text-decoration:none;transition:all .2s;display:flex}.contact__social-item:last-child{border-bottom:none}.contact__social-item:hover{padding-left:.3rem}.contact__social-item:hover .contact__social-icon{border-color:var(--accent);background:#e9c46a14}.contact__social-item:hover svg:last-child{opacity:1;transform:translate(2px,-2px)}.contact__social-icon{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.contact__social-name{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.4;font-size:.6rem;font-weight:600}.contact__social-label{color:var(--text-secondary);opacity:.7;font-size:.8rem;transition:color .2s}.contact__social-item:hover .contact__social-label{color:var(--text-primary)}.contact__social-item svg:last-child{color:var(--text-secondary);opacity:0;margin-left:auto;transition:all .2s}.contact__specialties{flex-wrap:wrap;gap:.5rem;display:flex}.contact__specialty{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);cursor:default;border-radius:8px;padding:.3rem .8rem;font-size:.7rem;font-weight:500;transition:all .2s}.contact__specialty:hover{border-color:var(--accent);color:var(--text-primary);background:#e9c46a0d}@media (width<=1024px){.contact__grid{grid-template-columns:1fr;gap:2rem}.contact__sidebar{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}}@media (width<=768px){.contact{padding:3rem 1.5rem}.contact__subtitle{margin-bottom:2rem;font-size:.95rem}.contact__sidebar{grid-template-columns:1fr}.contact__intro-title{font-size:1.1rem}.contact__submit{padding:.8rem 1.25rem;font-size:.85rem}}@media (width<=480px){.contact{padding:2rem 1rem}.contact__card,.contact__intro,.contact__submit-wrapper{padding:1.25rem}.contact__social-label{font-size:.7rem}.contact__info-title{font-size:.8rem}.contact__textarea{min-height:120px}}.app-main{padding-top:64px}@media (width<=768px){.app-main{padding-top:56px}}@media (width<=480px){.app-main{padding-top:48px}}