*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--bg-color: #0d0d0d;--text-color: #ffffff;--text-secondary: #888888;--border-color: #2a2a2a;--hover-color: #1a1a1a}:root[data-theme=light]{--bg-color: #ffffff;--text-color: #0d0d0d;--text-secondary: #666666;--border-color: #e5e5e5;--hover-color: #f5f5f5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#root{width:100vw;min-height:100vh}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}.nav-bar{position:fixed;top:0;right:0;padding:2rem;display:flex;gap:1rem;z-index:100}[dir=rtl] .nav-bar{right:auto;left:0}.icon-btn{width:40px;height:40px;border:1px solid var(--border-color);background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-color)}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:var(--hover-color);border-color:var(--text-color)}.icon-btn:active{transform:scale(.95)}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:3rem}.profile{text-align:center}.name{font-size:3rem;font-weight:300;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text-color)}.role{font-size:1.125rem;font-weight:400;color:var(--text-secondary);letter-spacing:.02em}.message-box{margin-top:2.5rem;padding:1.5rem 2rem;border:1px solid var(--border-color);border-radius:12px;background:var(--hover-color);max-width:400px}.message{font-size:1rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem;letter-spacing:.01em}.sub-message{font-size:.9375rem;font-weight:400;color:var(--text-secondary);letter-spacing:.01em}.social-links{display:flex;gap:1rem}.social-link{width:44px;height:44px;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all .2s ease;text-decoration:none}.social-link svg{width:20px;height:20px}.social-link:hover{background:var(--text-color);border-color:var(--text-color)}.social-link:hover svg{color:var(--bg-color)}.social-link:active{transform:scale(.95)}@media(max-width:768px){.nav-bar{padding:1.5rem}.name{font-size:2.5rem}.role{font-size:1rem}.message-box{max-width:100%;padding:1.25rem 1.5rem}.message{font-size:.9375rem}.sub-message{font-size:.875rem}}@media(max-width:480px){.nav-bar{padding:1rem}.icon-btn{width:36px;height:36px}.icon-btn svg{width:18px;height:18px}.name{font-size:2rem}.role{font-size:.9375rem}.message-box{padding:1rem 1.25rem;margin-top:2rem}.message{font-size:.875rem}.sub-message{font-size:.8125rem}.social-link{width:40px;height:40px}.social-link svg{width:18px;height:18px}}