@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&family=Outfit:wght@300;400;600;900&display=swap";
:root{--bg-color:#fff;--bg-color-rgb:255, 255, 255;--text-color:#000;--card-bg:#00000008;--border-color:#0000001a;--accent:#000}[data-theme=dark]{--bg-color:#000;--bg-color-rgb:0, 0, 0;--text-color:#fff;--card-bg:#ffffff0d;--border-color:#ffffff1a;--accent:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.logo-fill-container{display:inline-block;position:relative}.logo-base{color:#333;letter-spacing:-.05em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:3rem;font-weight:900}.logo-overlay{color:#fff;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;width:0;height:100%;font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;animation:1.5s ease-in-out forwards fillWidth;position:absolute;top:0;left:0;overflow:hidden}@keyframes fillWidth{0%{width:0}to{width:100%}}.figma-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.btn-figma{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:.8rem;font-weight:700;transition:transform .2s}.btn-figma:active{transform:scale(.95)}