body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}.app-container{min-height:100vh;background-color:#f5f5f5;font-family:Georgia,serif}.main-wrapper{max-width:1280px;margin:0 auto;padding:40px 20px}.header{font-size:1.125rem;font-style:italic;color:#6b7280;margin-bottom:40px}.back-button{background:none;border:none;color:#1f2937;font-size:1rem;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .3s ease;font-family:Georgia,serif}.back-button:hover{background-color:#e5e7eb}.content-grid{display:grid;grid-template-columns:1fr;gap:64px;align-items:start}@media(min-width:768px){.content-grid{grid-template-columns:1fr 1fr}}.profile-section{position:relative;order:2}@media(min-width:768px){.profile-section{order:1}}.profile-image{width:100%;max-width:500px;height:auto;filter:grayscale(100%);border-radius:10%;object-fit:cover;border:2px solid #ddd}.text-section{padding:20px;order:1}@media(min-width:768px){.text-section{order:2}}.greeting{font-size:3.75rem;font-weight:700;line-height:1.1;margin-bottom:32px}@media(min-width:768px){.greeting{font-size:4.5rem}}.tagline{font-size:1.25rem;color:#6b7280;margin-bottom:40px}.button-group{display:flex;flex-direction:column;gap:20px;margin-bottom:64px}.category-button{width:100%;padding:20px 40px;border-radius:50px;font-size:.875rem;font-weight:700;letter-spacing:1.5px;background-color:#1f2937;color:#fff;border:none;cursor:pointer;transition:all .3s ease}.category-button:hover{background-color:#374151;transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.category-button.active{background-color:#374151;box-shadow:0 10px 15px -3px #0000001a}.content-detail{margin-top:48px;padding:32px;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a}.content-detail h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:16px}.content-detail p{font-size:1.125rem;color:#6b7280;margin-bottom:24px}.content-detail ul{list-style:none;padding:0}.content-detail li{display:flex;align-items:center;color:#374151;margin-bottom:12px}.content-detail li:before{content:"";width:8px;height:8px;background-color:#1f2937;border-radius:50%;margin-right:12px;flex-shrink:0}.social-links{position:relative;display:flex;gap:48px;margin-top:5px;margin-bottom:15px;justify-content:center}.social-links a{color:#1f2937;font-size:1.5rem;transition:color .3s ease;text-decoration:none}.social-links a:hover{color:#6b7280}.page-content{max-width:100%;margin:0 auto;animation:fadeIn .5s ease-in}.page-with-image{display:grid;grid-template-columns:1fr;gap:64px;align-items:start;animation:fadeIn .5s ease-in}@media(min-width:768px){.page-with-image{grid-template-columns:1fr 1fr}}.page-image-section{position:relative;order:2}@media(min-width:768px){.page-image-section{order:1}}.page-profile-image{width:100%;max-width:800px;height:auto;filter:grayscale(40%);border-radius:4px;box-shadow:6px #00000026;margin-left:10px}.page-text-section{order:1}@media(min-width:768px){.page-text-section{order:2}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:40px;border-bottom:3px solid #1f2937;padding-bottom:16px}.page-section{background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:32px}.page-section h2{font-size:2rem;color:#1f2937;margin-bottom:16px}.page-section p{font-size:1.125rem;line-height:1.8;color:#374151}.expertise-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}@media(min-width:768px){.expertise-grid{grid-template-columns:1fr 1fr}}.expertise-card{background-color:#f9fafb;padding:24px;border-radius:8px;border-left:4px solid #1f2937;transition:transform .3s ease,box-shadow .3s ease}.expertise-card:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a}.expertise-card h3{font-size:1.25rem;color:#1f2937;margin-bottom:8px}.expertise-card p{font-size:1rem;color:#6b7280;line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.tech-tag{background-color:#1f2937;color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;transition:background-color .3s ease}.tech-tag:hover{background-color:#374151}@media(max-width:768px){.greeting{font-size:3rem}.content-grid{gap:40px}.profile-image{max-width:100%}.social-links{gap:48px}.page-title{font-size:2rem}.page-section{padding:20px}.page-section h2{font-size:1.5rem}.expertise-card{padding:16px}}.header{position:sticky;top:0;width:100%;background:#e1e1e1f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;z-index:1000;transition:all .3s ease}.header.scrolled{box-shadow:0 2px 20px #0000001a;background:#ebebebfa}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{text-decoration:none;font-size:1.5rem;font-weight:700;color:#333;transition:color .3s}.logo:hover{color:#3d3d3d}.logo-text{background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-nav{display:flex;gap:1.5rem;align-items:center;flex:1;justify-content:center}.desktop-nav a{padding:.6rem 1rem;text-decoration:none;color:#555;font-weight:500;border-radius:6px;transition:all .3s;white-space:nowrap;position:relative}.desktop-nav a:hover{color:#62666a;background:#007bff0d}.desktop-nav a.active{color:#5b5f62;background:#007bff1a}.desktop-nav a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:#5b5f62;border-radius:2px}.back-button{padding:.6rem 1.2rem;background:#686767f2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;white-space:nowrap}.back-button:hover{background:#5b5f62;transform:translate(-2px)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:4px;width:25px}.hamburger span{display:block;width:100%;height:3px;background:#333;border-radius:2px;transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{display:none;flex-direction:column;gap:0;background:#fff;position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 10px 20px #0000001a}.mobile-nav.open{max-height:500px}.mobile-nav a{padding:1rem 2rem;text-decoration:none;color:#555;font-weight:500;border-bottom:1px solid #f0f0f0;transition:all .3s}.mobile-nav a:hover,.mobile-nav a.active{background:#007bff0d;color:#5b5f62;padding-left:2.5rem}@media(max-width:1024px){.desktop-nav{gap:.3rem}.desktop-nav a{padding:.5rem .8rem;font-size:.9rem}}@media(max-width:768px){.header-container{padding:1rem 1.5rem}.desktop-nav,.desktop-only{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}.logo{font-size:1.3rem}}@media(max-width:480px){.header-container{padding:.8rem 1rem}.logo{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.header,.desktop-nav a,.mobile-nav,.back-button,.hamburger span{transition:none}}.desktop-nav a:focus-visible,.mobile-nav a:focus-visible,.back-button:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid #5b5f62;outline-offset:2px}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#666;font-size:1rem;font-weight:500}@media(prefers-color-scheme:dark){.spinner{border-color:#444;border-top-color:#007bff}.loading-spinner p{color:#aaa}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.error-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:600px;text-align:center}.error-content h1{font-size:2rem;color:#333;margin-bottom:1rem}.error-message{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.6}.error-details{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:left;margin-bottom:2rem;border:1px solid #e9ecef}.error-details summary{cursor:pointer;font-weight:600;color:#495057;margin-bottom:.5rem}.error-details pre{margin:.5rem 0;padding:.5rem;background:#fff;border-radius:4px;overflow-x:auto;font-size:.85rem;color:#dc3545}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-button,.secondary-button{padding:.8rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.primary-button{background:#007bff;color:#fff}.primary-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.secondary-button{background:#fff;color:#007bff;border:2px solid #007bff}.secondary-button:hover{background:#f8f9fa;transform:translateY(-2px)}@media(max-width:600px){.error-content{padding:2rem 1.5rem}.error-content h1{font-size:1.5rem}.error-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}