*{margin:0;padding:0;box-sizing:border-box}:root{--color-accent: #f2800a;--color-accent-hover: #ff9a33;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--color-bg-start: #1a1a1a;--color-bg-end: #333333;--color-text: #f0f0f0;--color-subtle: #aaa;--color-surface: rgba(255, 255, 255, .05);--color-card-bg: rgba(255, 255, 255, .04);--color-card-border: rgba(255, 255, 255, .1);--color-toggle-bg: rgba(255, 255, 255, .1);--color-toggle-hover: rgba(255, 255, 255, .2)}[data-theme=light]{--color-bg-start: #f5f5f5;--color-bg-end: #e0e0e0;--color-text: #1a1a1a;--color-subtle: #555;--color-surface: rgba(0, 0, 0, .03);--color-card-bg: rgba(255, 255, 255, .6);--color-card-border: rgba(0, 0, 0, .1);--color-toggle-bg: rgba(0, 0, 0, .08);--color-toggle-hover: rgba(0, 0, 0, .15)}html,body{height:100%;font-family:var(--font-stack);background:linear-gradient(180deg,var(--color-bg-start),var(--color-bg-end));color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}#root{height:100%}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:2rem;position:relative}.theme-toggle{position:absolute;top:1.5rem;right:1.5rem;background:var(--color-toggle-bg);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:background .2s ease,transform .2s ease;z-index:10}.theme-toggle:hover{background:var(--color-toggle-hover);transform:scale(1.1)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.content{flex:1;display:flex;align-items:center;justify-content:center}.card{position:relative;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;padding:3rem 4rem;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .15s ease-out;will-change:transform;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.card:hover{box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff14 inset}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero{display:flex;align-items:center;gap:1.5rem}.hexagon-wrapper{flex-shrink:0;width:150px;height:173px;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--color-accent)}.hexagon-inner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hexagon-inner img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-text{text-align:left}.name{font-size:2.2rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.name .accent{color:var(--color-accent)}.subtitle{font-size:1rem;color:var(--color-subtle);font-weight:400;letter-spacing:.1em;margin-top:.25rem}.links{display:flex;align-items:center;gap:1.25rem}.links a{color:var(--color-subtle);text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:2rem;width:48px;height:48px;border-radius:50%;transition:color .2s ease,background .2s ease,transform .2s ease}.links a:hover{color:var(--color-accent);background:var(--color-toggle-bg);transform:translateY(-2px)}.links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:50%}.footer{padding:1.5rem 0}.footer p{font-size:.8rem;color:var(--color-subtle)}@media(max-width:480px){.container{padding:1rem}.card{padding:2.5rem 2rem;width:calc(100% - 1rem);max-width:360px}.hero{flex-direction:column;text-align:center}.hero-text{text-align:center}.name{font-size:1.6rem}.hexagon-wrapper{width:120px;height:139px}.subtitle{font-size:.9rem}}