:root{--foreground:#ffffff;--button-fill:rgba(255,255,255,0.1);--button-fill-hover:rgba(255,255,255,0.17);--title-size:48px;--regular-size:24px;--button-size:36px}body{background:linear-gradient(rgba(43,43,43,.733),rgba(43,43,43,.733)),radial-gradient(circle at 50% 38%,rgba(80,87,96,.62),rgba(42,45,50,.74) 34%,rgba(16,17,20,1) 78%),linear-gradient(145deg,#3c4047,#24262b 46%,#0f1115);color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.portfolio-stage{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:28px;padding:64px 20px;text-align:center}.page-title{margin:0;font-family:Arvo,Georgia,serif;font-size:var(--title-size);font-weight:400}.link-buttons{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:min(100%,420px)}.main-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:18px;min-height:72px;padding:12px 24px;border:1px solid var(--foreground);border-radius:8px;background:var(--button-fill);color:var(--foreground);font-family:Crimson Text,Georgia,serif;font-size:var(--button-size);font-weight:400;line-height:1;text-decoration:none;transition:background-color .14s ease,transform .14s ease}.main-button:focus-visible,.main-button:hover{background:var(--button-fill-hover)}.main-button:active{transform:translateY(1px)}.button-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.button-icon.rokmetro{width:96px;height:64px}.projects{width:min(100%,720px);display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:16px}.back-link{margin-top:12px;color:var(--foreground);font-family:Roboto,Arial,sans-serif;font-size:16px;opacity:.75;text-decoration:none}.back-link:hover{opacity:1}