:root{--bg:#eef1f4;--bg-soft:#e3e8ee;--surface:rgba(255,255,255,0.78);--surface-strong:rgba(255,255,255,0.9);--surface-soft:rgba(255,255,255,0.66);--surface-mid:rgba(255,255,255,0.74);--surface-button:rgba(255,255,255,0.56);--surface-button-strong:rgba(255,255,255,0.66);--text:#11161c;--muted:#5f6975;--text-soft:#262c34;--line:rgba(17,22,28,0.1);--line-strong:rgba(17,22,28,0.18);--line-soft:rgba(17,22,28,0.06);--line-header:rgba(255,255,255,0.08);--dark:#0a0f14;--header-text:rgba(255,255,255,0.92);--header-muted:rgba(255,255,255,0.72);--header-line:rgba(255,255,255,0.14);--site-bg-alpha-top:rgba(238,241,244,0.78);--site-bg-alpha-bottom:rgba(227,232,238,0.78);--portfolio-overlay-top:rgba(10,15,20,0.1);--portfolio-overlay-bottom:rgba(10,15,20,0.48);--portfolio-overlay-accent:rgba(28,38,50,0.58);--portfolio-overlay-fade:rgba(196,204,214,0.16);--white:#ffffff;--white-soft:rgba(255,255,255,0.86);--shadow:0 18px 42px rgba(10,15,20,0.08);--radius-xl:28px;--radius-lg:18px;--shell:1240px;--topbar-height:62px;--bottombar-height:4vh;--bottombar-min-height:40px}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font-family:Segoe UI,Arial,sans-serif;background:var(--bg);overflow:hidden}button,input{font:inherit}a,button{color:inherit;text-decoration:none}button{background:none;border:0;padding:0;cursor:pointer}.shell{width:min(var(--shell),calc(100% - 48px));margin:0 auto}.site{height:100vh;overflow:hidden;position:relative}.siteBackground{position:fixed;inset:0;z-index:0;background:linear-gradient(var(--site-bg-alpha-top),var(--site-bg-alpha-bottom)),50% /cover no-repeat url(/brand/img01.jpg);background-attachment:fixed;pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(5,8,12,.94);border-bottom:1px solid var(--line-header)}.topbar,.topbar__inner{display:flex;align-items:center}.topbar__inner{width:100%;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px}.brandButton{cursor:pointer}.brand__logo{width:30px;height:30px;background:50%/contain no-repeat url(/brand/logo-prata.png);flex-shrink:0}.brand__text{font-size:.92rem;color:var(--header-text);letter-spacing:-.01em}.topnav{display:flex;align-items:center;gap:22px;font-size:.92rem;color:var(--header-muted)}.topnav button{color:inherit}.topnav__workspace{height:38px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--header-line);background:rgba(255,255,255,.06);color:var(--header-text)}.bottombar{position:fixed;left:0;right:0;bottom:0;height:var(--bottombar-height);min-height:var(--bottombar-min-height);z-index:45;background:rgba(5,8,12,.94);border-top:1px solid var(--line-header)}.bottombar,.bottombar__inner{display:flex;align-items:center}.bottombar__inner{width:100%;justify-content:center;gap:8px;color:var(--header-muted);font-size:.76rem}.bottombar__inner a{color:var(--header-text)}.stage{position:fixed;inset:var(--topbar-height) 0 max(var(--bottombar-height),var(--bottombar-min-height)) 0;overflow:hidden;z-index:1}.track{display:flex;width:400vw;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.panel{width:100vw;padding:24px 0;flex-shrink:0}.panel,.panelShell{height:100%;position:relative}.panelShell{z-index:1}.aboutCard,.card,.portfolioSection,.workspaceBlock{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl);height:100%;animation:fadeSlideIn .7s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.homeCard{display:flex;align-items:center;min-height:100%;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.homeCard__content{width:min(720px,100%);padding:42px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(17,22,28,.08);border-radius:24px;box-shadow:var(--shadow)}.homeCard__content h1{margin:16px 0 0;max-width:560px;font-size:clamp(2.2rem,4vw,3.9rem);line-height:.96;letter-spacing:-.07em}.homeCard__content p{margin:16px 0 0;max-width:560px;color:var(--muted);font-size:.98rem;line-height:1.68}.homeCard__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.aboutCard{padding:34px;display:flex;flex-direction:column;justify-content:center}.aboutCard h2{margin:18px 0 0;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1;letter-spacing:-.06em}.aboutCard p{margin:16px 0 0;max-width:760px;color:var(--muted);font-size:.98rem;line-height:1.72}.aboutCard__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:28px}.logoListItem{padding:20px 20px 20px 58px;border-radius:18px;background:var(--surface-button);border:1px solid var(--line);position:relative}.logoListItem:before{content:"";position:absolute;top:20px;left:20px;width:26px;height:26px;background:50%/contain no-repeat url(/brand/logo-prata.png);opacity:.9}.logoListItem strong{display:block;font-size:1rem;margin-bottom:10px}.logoListItem span{color:var(--muted);font-size:.92rem;line-height:1.62}.portfolioSection{padding:28px;display:flex;flex-direction:column;justify-content:center}.sectionHead{margin-bottom:18px}.sectionHead h2{margin:12px 0 0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.04;letter-spacing:-.05em}.eyebrow{width:-moz-fit-content;width:fit-content;padding:7px 11px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-soft);color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.button,.eyebrow{display:inline-flex;font-weight:700}.button{min-height:46px;padding:0 18px;align-items:center;justify-content:center;border-radius:12px;font-size:.92rem}.button--dark{background:var(--dark);color:var(--white);border:1px solid var(--dark)}.button--light{background:var(--surface-button);color:var(--text);border:1px solid var(--line-strong)}.button--full{width:100%}.portfolioGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.portfolioCard{position:relative;min-height:360px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface-strong)}.portfolioCard__image{position:absolute;inset:0;background:linear-gradient(180deg,var(--portfolio-overlay-top),var(--portfolio-overlay-bottom)),linear-gradient(135deg,var(--portfolio-overlay-accent),var(--portfolio-overlay-fade)),50% /cover no-repeat var(--bg-image);transition:filter .45s ease,transform .45s ease}.portfolioCard__overlay{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:var(--white)}.portfolioCard__overlay h3{margin:0;font-size:1.12rem;line-height:1.14;letter-spacing:-.03em}.portfolioCard__overlay p{margin:10px 0 0;font-size:.9rem;line-height:1.58;color:var(--white-soft)}.portfolioCard:hover .portfolioCard__image{filter:grayscale(1);transform:scale(1.04)}.workspaceBlock{padding:18px;display:flex;flex-direction:column;gap:12px}.workspaceTop{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.workspaceLogout{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.46);border:1px solid var(--line);color:var(--text);font-size:1.1rem;line-height:1;flex-shrink:0}.workspaceAuthPanel{flex:1 1;min-height:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;grid-gap:16px;gap:16px;align-content:start}.workspaceAuthPanel__header{display:grid;grid-gap:10px;gap:10px}.workspaceIntro{margin:0;color:#2e2e2e;font-size:.84rem;line-height:1.4}.authTabs{display:flex;gap:8px}.authTabs__item{min-width:110px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-button-strong);color:#2e2e2e}.authTabs__item--active{background:rgba(255,255,255,.92);font-weight:700}.authForm{grid-gap:12px;align-content:start}.authForm,.authGrid{display:grid;gap:12px}.authGrid{grid-template-columns:1fr 1fr;grid-gap:12px}.authGrid--register{grid-template-columns:1fr}.authForm input{height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#ffffff;padding:0 12px;color:#11161c}.authActions{display:flex;justify-content:flex-start}.authError{margin:0;color:#b3261e;font-size:.9rem}.authHelper{display:grid;grid-gap:4px;gap:4px;margin-top:6px;font-size:.84rem;color:#444444}.authHelper code{background:#efefef;border:1px solid #b0b0b0;padding:8px 10px;border-radius:10px;color:#11161c}.workspaceDesktop{flex:1 1;min-height:0;padding:10px;border:1px solid rgba(17,22,28,.12);border-radius:18px;background:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:auto}.desktopIcons{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:12px;gap:12px}.desktopApp,.desktopIcons{display:grid;align-content:start}.desktopApp{justify-items:center;grid-gap:6px;gap:6px;padding:8px;text-align:center}.desktopApp__icon{width:58px;height:58px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(17,22,28,.12);display:grid;place-items:center}.desktopApp__svg{width:32px;height:32px;display:block}.desktopApp__title{font-size:.82rem;font-weight:700;color:#11161c}.desktopApp__text{font-size:.7rem;line-height:1.25;color:var(--muted)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.aboutCard__grid,.portfolioGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.shell{width:min(var(--shell),calc(100% - 28px))}.topbar{height:auto;padding:12px 0}.topbar__inner{flex-direction:column;align-items:flex-start}.topnav{flex-wrap:wrap;gap:14px}.panel{padding:18px 0}.aboutCard,.homeCard__content,.portfolioSection,.workspaceBlock{padding:22px}.homeCard__content h1{font-size:2rem}.aboutCard__grid,.authGrid,.portfolioGrid{grid-template-columns:1fr}.brand__text{font-size:.86rem}.bottombar__inner{font-size:.76rem;text-align:center}.desktopIcons{grid-template-columns:repeat(2,minmax(0,1fr))}}