*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;background:#08060a;color:#d4ccdc;font-family:JetBrains Mono,ui-monospace,monospace}.term-root{--bg:#08060a;--bg-2:#0f0a13;--bg-3:#160e1c;--line:#1f1525;--line-2:#2c1f37;--fg:#d4ccdc;--fg-dim:#a89abc;--fg-mute:#7c7090;--accent:#35063e;--accent-2:#6b1e7a;--accent-dim:#260530;--accent-glow:rgba(53,6,62,0.6);--mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;position:relative;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px;line-height:1.65;overflow-x:clip;letter-spacing:.01em}.term-scanlines{z-index:100;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 3px);mix-blend-mode:overlay}.term-scanlines,.term-vignette{position:fixed;inset:0;pointer-events:none}.term-vignette{z-index:99;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%)}.term-grid{position:fixed;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(90deg,rgba(107,30,122,.06) 1px,transparent 0),linear-gradient(180deg,rgba(107,30,122,.06) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.term-nav{position:fixed;top:16px;left:24px;right:24px;z-index:50;justify-content:space-between;padding:12px 18px;background:rgba(8,6,10,.96);border:1px solid var(--line);border-radius:4px;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.term-nav,.term-nav-brand{display:flex;align-items:center}.term-nav-brand{gap:6px;color:var(--accent-2);font-weight:600}.term-nav-cursor{animation:blink 1s steps(2) infinite}.term-prompt{color:var(--accent-2);font-weight:700}.term-nav-list{display:flex;gap:4px;list-style:none;padding:0;margin:0}.term-nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid transparent;color:var(--fg-dim);font-family:var(--mono);font-size:11px;text-transform:lowercase;cursor:pointer;transition:all .15s;border-radius:2px}.term-nav-item:hover{color:var(--fg);border-color:var(--line-2)}.term-nav-item.is-active{color:var(--accent-2);border-color:var(--accent-2);background:rgba(53,6,62,.5)}.term-nav-num{font-weight:700;opacity:.7}.term-nav-line{width:16px;height:1px;background:currentColor;opacity:.4}.nav-controls{display:flex;align-items:center;gap:2px;padding:3px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:3px}.nav-toggle-group{display:flex;gap:1px}.nav-toggle-btn{padding:4px 10px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:none;color:var(--fg-mute);cursor:pointer;border-radius:2px;transition:background .15s,color .15s,box-shadow .15s;line-height:1}.nav-toggle-btn:hover:not(.is-active){color:var(--fg-dim);background:rgba(107,30,122,.1)}.nav-toggle-btn.is-active{background:var(--accent-2);color:#fff;box-shadow:0 0 10px rgba(107,30,122,.45)}.nav-controls-sep{width:1px;height:16px;background:var(--line-2);margin:0 3px;flex-shrink:0}.nav-theme-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:none;color:var(--fg-mute);cursor:pointer;border-radius:2px;transition:background .15s,color .15s;line-height:1}.nav-theme-btn:hover{color:var(--fg-dim);background:rgba(107,30,122,.1)}.nav-theme-btn.is-light{color:var(--accent-2)}.nav-theme-icon{font-size:12px;line-height:1}.nav-theme-label{font-size:10px;letter-spacing:.1em}.term-main{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:104px 48px 48px}.term-section{padding:96px 0;border-top:1px dashed var(--line);scroll-margin-top:120px}.term-section:first-child{border-top:none;padding-top:32px}.reveal-section{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.18,.82,.22,1);pointer-events:none}.reveal-section.is-visible{opacity:1;transform:translateZ(0);pointer-events:auto;animation:revealGlow .85s ease both}@keyframes pageReveal{0%{opacity:0}to{opacity:1}}.term-root:not(.is-booted){opacity:0}.term-root.is-booted{animation:pageReveal .75s cubic-bezier(.18,.82,.22,1) both}.section-head{margin-bottom:48px}.section-head-row{display:flex;align-items:center;gap:16px;font-size:12px}.section-num{color:var(--accent-2);font-weight:700;letter-spacing:.1em}.section-divider{flex:1 1;height:1px;background:linear-gradient(to right,var(--line-2),transparent)}.section-label{color:var(--fg-dim);text-transform:lowercase}.term-hero{min-height:880px;display:flex;align-items:center;padding:32px 0 64px;border-top:none}.hero-boot{width:100%;display:flex;flex-direction:column;gap:32px}.hero-boot-log{font-size:12px;color:var(--fg-dim);min-height:140px}.boot-line{animation:typeIn .2s steps(20)}.boot-prompt{color:var(--accent-2);margin-top:8px}.hero-boot-card{border:1px solid var(--line-2);border-radius:4px;background:linear-gradient(180deg,rgba(107,30,122,.06),transparent 40%),var(--bg-2);padding:40px 44px;position:relative;animation:fadeUp .5s ease}.hero-boot-card:before{content:"● ● ●";top:12px;left:16px;letter-spacing:4px}.hero-boot-card:after,.hero-boot-card:before{position:absolute;font-size:10px;color:var(--fg-mute)}.hero-boot-card:after{content:"~/jordi.profile";top:13px;right:16px}.hero-name{font-size:clamp(36px,5.5vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--fg);margin:16px 0 20px}.hero-cursor{color:var(--accent-2);animation:blink 1s steps(2) infinite;margin-left:4px;font-weight:400}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--fg-dim);margin-bottom:24px}.hero-tag{color:var(--fg)}.hero-tag.green{color:var(--accent-2)}.hero-sep{color:var(--fg-mute)}.hero-tagline{font-size:18px;color:var(--fg);max-width:60ch;margin:0 0 16px;line-height:1.5}.hero-bio{font-size:14px;color:var(--fg-dim);max-width:64ch;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-term{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid var(--line-2);color:var(--fg);font-family:var(--mono);font-size:12px;text-decoration:none;border-radius:2px;transition:all .15s;cursor:pointer}.btn-term:hover{border-color:var(--accent-dim);background:rgba(107,30,122,.08)}.btn-term.primary{background:var(--accent);border-color:var(--accent-2);color:#fff;font-weight:700;box-shadow:0 0 24px var(--accent-glow)}.btn-term.primary:hover{background:var(--accent-2);box-shadow:0 0 32px var(--accent-glow)}.hero-cta.is-jumping{animation:heroCtaJump .7s cubic-bezier(.2,.8,.2,1) both}.btn-prompt{color:var(--accent-2);font-weight:700}.btn-term.primary .btn-prompt{color:#fff;font-weight:800}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:48px;gap:48px;align-items:start}.about-prose p{font-size:16px;line-height:1.75;margin:0 0 20px;color:var(--fg);max-width:60ch}.about-prose p:first-child:first-letter{color:var(--accent-2);font-weight:700}.about-card{border:1px solid var(--line-2);border-radius:4px;overflow:hidden;background:var(--bg-2);font-size:12px}.about-card-head{padding:8px 14px;background:var(--bg-3);border-bottom:1px solid var(--line-2);color:var(--fg-dim);font-size:11px}.about-card-body{padding:18px 22px;margin:0;color:var(--accent-2);font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre}.exp-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.exp-list--current .exp-row{border-color:var(--accent-dim)}.exp-list--current .exp-row.is-open{background:rgba(53,6,62,.1)}.exp-list--current .exp-row-header:hover{background:rgba(53,6,62,.06)}.exp-subsection-head{display:flex;align-items:center;gap:12px;margin:32px 0 0;padding-bottom:12px}.exp-subsection-label{font-size:11px;color:var(--accent-2);letter-spacing:.1em;text-transform:lowercase;white-space:nowrap}.exp-subsection-rule{flex:1 1;height:1px;background:linear-gradient(to right,var(--accent-dim),transparent)}.exp-row{border-bottom:1px solid var(--line);transition:background .15s}.exp-row.is-open{background:rgba(107,30,122,.06)}.exp-row-header{width:100%;display:grid;grid-template-columns:220px 40px 1fr auto;align-items:center;grid-gap:24px;gap:24px;padding:22px 8px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--mono);color:var(--fg);transition:background .15s}.exp-row-header:hover{background:rgba(107,30,122,.04)}.exp-dates{font-size:12px;color:var(--fg-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:2px}.exp-dates-range{color:var(--fg);font-weight:500}.exp-dates-duration{font-size:11px;color:var(--fg-mute)}.exp-bar-wrap,.exp-marker{position:relative;display:flex;align-items:center;justify-content:center}.exp-marker{z-index:1;color:var(--accent-2);transition:transform .2s ease}.exp-row.is-open .exp-marker{transform:scale(1.05)}.exp-info{min-width:0}.exp-company{font-size:18px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.exp-role{font-size:13px;color:var(--fg-dim);margin-top:2px}.exp-chevron{font-size:18px;color:var(--fg-mute);transition:transform .2s ease;display:flex;align-items:center;justify-content:center;width:24px}.exp-row.is-open .exp-chevron{transform:rotate(90deg);color:var(--accent-2)}.exp-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;overflow:hidden}.exp-row.is-open .exp-body{grid-template-rows:1fr}.exp-body-inner{min-height:0;overflow:hidden}.exp-row.is-open .exp-body-inner{padding:4px 16px 28px;margin:0}.exp-location{font-size:12px;color:var(--fg-dim);margin-bottom:12px;display:flex;gap:6px;align-items:center}.exp-description{font-size:13px;color:var(--fg);line-height:1.7;margin:0 0 16px;white-space:pre-wrap}.exp-skills{display:flex;flex-wrap:wrap;gap:6px}.exp-skill-tag{font-size:11px;color:var(--accent-2);border:1px solid var(--accent-dim);background:rgba(53,6,62,.3);padding:3px 10px;border-radius:2px;font-family:var(--mono);letter-spacing:.03em}@media (max-width:900px){.exp-row-header{grid-template-columns:1fr 24px 1fr auto;gap:12px}.exp-dates{font-size:11px}}.skills-bars{display:flex;flex-direction:column;gap:32px}.skill-bars-group{border:1px solid var(--line-2);border-radius:4px;background:var(--bg-2);padding:22px 24px 24px}.skill-bars-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line);font-size:12px}.skill-bars-num{color:var(--accent-2);font-weight:700;letter-spacing:.05em}.skill-bars-title{font-size:14px;font-weight:600;color:var(--fg);text-transform:uppercase;letter-spacing:.12em}.skill-bars-rule{flex:1 1;height:1px;background:linear-gradient(to right,var(--line-2),transparent)}.skill-bars-count{color:var(--fg-mute);font-size:11px;letter-spacing:.05em}.skill-bars-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.skill-bar{position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:14px;gap:14px;padding:11px 18px;border:1px solid transparent;border-radius:2px;font-size:13px;color:var(--fg);overflow:hidden;cursor:default;transition:all .2s;animation:barIn .5s ease both}.skill-bar-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-dim) 0,var(--accent) 50%,var(--accent-2) 100%);opacity:.95;z-index:0;transform-origin:left;animation:barFill .7s cubic-bezier(.2,.8,.2,1) both}.skill-bar:nth-child(odd) .skill-bar-fill{opacity:.78}.skill-bar-text{color:#fff;font-weight:500;letter-spacing:.01em}.skill-bar-idx,.skill-bar-text{position:relative;z-index:1;text-shadow:0 1px 0 rgba(0,0,0,.4)}.skill-bar-idx{font-size:10px;color:rgba(255,255,255,.7);font-family:var(--mono);letter-spacing:.1em}.skill-bar:hover{transform:translateX(4px);box-shadow:0 4px 24px var(--accent-glow)}.skill-bar:hover .skill-bar-fill{opacity:1}.skill-bar-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}.skill-icon-svg{display:block}.skill-icon-fallback{color:#fff;font-weight:700}.skills-grid{display:grid;grid-gap:24px;gap:24px}.skills-grid.skills-list{grid-template-columns:1fr}.skill-group{border:1px solid var(--line-2);border-radius:4px;background:var(--bg-2);padding:18px 22px;transition:border-color .15s}.skill-group:hover{border-color:var(--accent-dim)}.skill-group-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent-2);margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}.skill-bracket,.skill-count{color:var(--fg-mute);font-weight:400}.skill-count{margin-left:auto;font-size:11px;letter-spacing:0}.skill-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 24px;gap:8px 24px}.skill-item{gap:10px;font-size:13px;color:var(--fg);line-height:1.5}.skill-item,.skill-marker{display:flex;align-items:flex-start}.skill-marker{color:var(--accent-2);flex-shrink:0;width:16px}.contact-block{border:1px solid var(--line-2);border-radius:4px;padding:56px 48px;background:radial-gradient(ellipse at top right,rgba(107,30,122,.15),transparent 60%),var(--bg-2);position:relative}.contact-prompt{font-size:12px;color:var(--fg-dim);margin:0 0 24px}.contact-headline{font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--fg);letter-spacing:-.02em;line-height:1.1;margin:0 0 12px;max-width:24ch}.contact-sub{font-size:15px;color:var(--fg-dim);margin:0 0 36px}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--bg)}.contact-link{display:grid;grid-template-columns:80px 24px 1fr;align-items:center;grid-gap:12px;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:13px;transition:all .15s}.contact-link:nth-child(2n){border-right:none}.contact-link:nth-last-child(-n+2){border-bottom:none}.contact-link:hover{background:rgba(107,30,122,.08)}.contact-link:hover .contact-link-arrow{transform:translateX(4px);color:var(--accent)}.contact-link-key{color:var(--fg-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.contact-link-arrow{color:var(--fg-mute);transition:all .15s}.contact-link-val{color:var(--fg)}.contact-link.primary{background:rgba(107,30,122,.12)}.contact-link.primary .contact-link-val{color:var(--accent-2);font-weight:600}.term-footer{border-top:1px solid var(--line);padding:24px 48px;justify-content:space-between;font-size:11px;color:var(--fg-mute);max-width:1180px;margin:0 auto;flex-wrap:wrap;gap:16px}.term-footer,.term-footer-left{display:flex;align-items:center}.term-footer-left{gap:6px;color:var(--accent-2)}.term-cursor-blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@keyframes typeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%,90%,to{transform:translateX(0);filter:hue-rotate(0)}92%{transform:translateX(-2px);filter:hue-rotate(20deg)}94%{transform:translateX(2px);filter:hue-rotate(-20deg)}}@keyframes barIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes heroCtaJump{0%{transform:translateY(0) scale(1);box-shadow:0 0 0 rgba(0,0,0,0)}35%{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px rgba(107,30,122,.18)}to{transform:translateY(0) scale(1);box-shadow:0 0 0 rgba(0,0,0,0)}}@keyframes revealGlow{0%{filter:brightness(1)}35%{filter:brightness(1.22)}to{filter:brightness(1)}}.boot-screen{position:fixed;inset:0;z-index:9999;background:#08060a;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .65s ease}.boot-screen--fade{opacity:0;pointer-events:none}.boot-screen-inner{width:min(600px,88vw);font-family:JetBrains Mono,ui-monospace,monospace}.boot-screen-logo{color:#6b1e7a;font-size:14px;font-weight:700;letter-spacing:.04em;margin-bottom:40px;padding-bottom:12px;border-bottom:1px solid #1f1525}.boot-logo-prompt{color:#9b30ac}.boot-screen-log{min-height:220px;margin-bottom:32px;display:flex;flex-direction:column;gap:2px}.boot-screen-line{font-size:12px;color:#7c7090;line-height:1.9}.boot-screen-line--last{color:#d4ccdc}.boot-screen-cursor{color:#6b1e7a;animation:blink 1s steps(2) infinite;font-size:14px}.boot-progress-wrap{height:1px;background:#1f1525;margin-bottom:8px;overflow:hidden}.boot-progress-bar{height:100%;background:linear-gradient(90deg,#35063e,#6b1e7a,#9b30ac);transition:width .18s ease}.boot-progress-label{font-size:10px;color:#564b66;text-align:right;letter-spacing:.1em;font-family:JetBrains Mono,ui-monospace,monospace}html[data-theme=light] body{background:#f0edf4;color:#1a0a22}html[data-theme=light] .term-root{--bg:#f0edf4;--bg-2:#e8e3ef;--bg-3:#ddd7e8;--line:#c8bfd8;--line-2:#b8aed0;--fg:#1a0a22;--fg-dim:#4a3860;--fg-mute:#7a6a8a;--accent:#6b1e7a;--accent-2:#9b30ac;--accent-dim:#e8d0f0;--accent-glow:rgba(107,30,122,0.2);background:var(--bg);color:var(--fg)}html[data-theme=light] .term-nav{background:rgba(240,237,244,.97);border-color:var(--line)}html[data-theme=light] .term-scanlines{opacity:.15}html[data-theme=light] .term-vignette{opacity:.3}html[data-theme=light] .hero-boot-card{background:linear-gradient(180deg,rgba(107,30,122,.06),transparent 40%),var(--bg-2)}html[data-theme=light] .btn-term.primary{color:#fff}@media (max-width:900px){.term-nav-list{display:none}.term-main{padding:100px 24px 32px}.term-section{padding:64px 0}.about-grid{grid-template-columns:1fr}.contact-block{padding:32px 24px}.contact-links{grid-template-columns:1fr}.contact-link{border-right:none!important}}@media (prefers-reduced-motion:reduce){.reveal-section{transform:none;animation:none;transition:none}}@keyframes zeroFall{0%{transform:translateY(-60px)}to{transform:translateY(105vh)}}@keyframes burstParticle{0%{transform:translate(0) scale(1.2);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.falling-zero{position:fixed;top:0;z-index:1;font-family:var(--mono);font-weight:700;color:var(--accent-2);background:none;border:none;padding:14px 16px;cursor:crosshair;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:zeroFall linear infinite;line-height:1;letter-spacing:0}.falling-zero:hover{opacity:1!important}.zero-burst{position:fixed;z-index:200;pointer-events:none;transform:translate(-50%,-50%)}.zero-burst-particle{position:absolute;font-weight:700;text-shadow:0 0 6px var(--accent-2);animation:burstParticle .55s cubic-bezier(.2,.8,.2,1) both;transform:translate(-50%,-50%)}.zero-burst-particle,.zeros-counter{font-family:var(--mono);font-size:11px;color:var(--accent-2);pointer-events:none}.zeros-counter{position:fixed;left:24px;top:72px;z-index:49;letter-spacing:.06em;opacity:0;transform:translateY(-4px);transition:opacity .5s ease,transform .5s ease}.zeros-counter.is-visible{opacity:.85;transform:translateY(0)}.arkanoid-overlay{position:fixed;inset:0;z-index:8000;background:#08060a;display:flex;align-items:center;justify-content:center;animation:pageReveal .6s ease both}.arkanoid-wrap{flex-direction:column;gap:12px;max-width:860px;padding:0 16px}.arkanoid-header,.arkanoid-wrap{display:flex;align-items:center;width:100%}.arkanoid-header{max-width:800px;justify-content:space-between}.arkanoid-title{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent-2);letter-spacing:.15em}.arkanoid-back{font-family:var(--mono);font-size:11px;color:var(--fg-mute);background:transparent;border:1px solid var(--line-2);padding:4px 12px;cursor:pointer;border-radius:2px;letter-spacing:.06em;transition:color .15s,border-color .15s}.arkanoid-back:hover{color:var(--fg);border-color:var(--accent-2)}.arkanoid-canvas-wrap{position:relative;width:100%;max-width:800px}.arkanoid-canvas{display:block;width:100%;max-width:800px;height:auto;border:1px solid var(--line-2)}.arkanoid-endscreen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(8,6,10,.9);animation:pageReveal .4s ease both}.arkanoid-end-title{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--accent-2);letter-spacing:.1em}.arkanoid-end-title--lost{color:#ff4466}.arkanoid-end-score{font-family:var(--mono);font-size:13px;color:var(--fg-dim);letter-spacing:.08em}.arkanoid-end-btns{display:flex;gap:12px}.arkanoid-btn{font-family:var(--mono);font-size:12px;color:var(--fg);background:transparent;border:1px solid var(--accent-2);padding:8px 20px;cursor:pointer;border-radius:2px;letter-spacing:.08em;transition:background .15s,color .15s}.arkanoid-btn:hover{background:rgba(107,30,122,.25);color:#fff}.term-root.game-active{opacity:0;pointer-events:none;transition:opacity .5s ease}