.app-container{max-width:1200px;margin:0 auto;padding:20px}.profile-card{text-align:center;color:#fff}.profile-content{padding:40px 20px 30px;display:flex;flex-direction:column;align-items:center}.profile-avatar{margin-bottom:20px;border:3px solid rgba(255,255,255,.3)}.profile-name{font-size:2rem;margin-bottom:5px;font-weight:700}.profile-title{font-size:1.2rem;margin-bottom:25px;opacity:.9}.contact-info-container{width:100%;display:flex;justify-content:center;margin-bottom:20px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px;margin:0 auto}.contact-item{display:flex;align-items:center;background:#ffffff26;border-radius:10px;padding:12px 15px;min-width:250px;transition:all .3s ease}.contact-item:hover{background:#ffffff40;transform:translateY(-3px)}.contact-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;margin-right:15px;font-size:18px}.contact-text{text-align:left}.contact-label{font-size:.85rem;opacity:.9;margin-bottom:3px}.contact-value{font-size:1rem;font-weight:500}.card-content{padding:15px 5px;line-height:1.8}.card-content p{margin-bottom:8px}.card-content ul{padding-left:20px;margin:10px 0}.card-content li{margin-bottom:8px}@media (max-width: 768px){.app-container{padding:0!important}.profile-name{font-size:1.6rem}.profile-title{font-size:1rem}.contact-grid{grid-template-columns:1fr;max-width:400px}.contact-item{min-width:auto}.contact-icon-container{width:36px;height:36px;font-size:16px}.contact-label{font-size:.8rem}.contact-value{font-size:.95rem}}@media (max-width: 480px){.contact-grid{width:100%}.contact-item{padding:10px}.contact-icon-container{margin-right:10px}}@media (max-width: 768px){#root{padding:0!important}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.cloudflare:hover{filter:drop-shadow(0 0 2em #f6821faa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}