.johndoe-freelancer-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.johndoe-freelancer-main{flex:1;width:100%;background-color:var(--color-background)}.johndoe-freelancer-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-surface);border-bottom:var(--border-width) var(--border-style) var(--color-border);box-shadow:var(--shadow)}.johndoe-freelancer-nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.johndoe-freelancer-nav-content{display:flex;align-items:center;justify-content:space-between;height:70px}.johndoe-freelancer-nav-logo{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.johndoe-freelancer-nav-links{display:none;gap:var(--spacing-lg)}@media (min-width:768px){.johndoe-freelancer-nav-links{display:flex}}.johndoe-freelancer-nav-link{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.johndoe-freelancer-nav-link:hover{color:var(--color-primary)}.johndoe-freelancer-mobile-menu-btn{display:flex;align-items:center;padding:var(--spacing-sm);background:transparent;border:none;color:var(--color-primary);cursor:pointer}@media (min-width:768px){.johndoe-freelancer-mobile-menu-btn{display:none}}.johndoe-freelancer-mobile-menu{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-surface);border-top:var(--border-width) var(--border-style) var(--color-border)}.johndoe-freelancer-mobile-menu-link{padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);text-decoration:none;border-radius:var(--border-radius);transition:background-color .2s ease}.johndoe-freelancer-mobile-menu-link:hover{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.johndoe-freelancer-footer{width:100%;background-color:var(--color-surface);border-top:var(--border-width) var(--border-style) var(--color-border);margin-top:var(--spacing-3xl)}.johndoe-freelancer-footer-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.johndoe-freelancer-footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width:768px){.johndoe-freelancer-footer-content{grid-template-columns:2fr 1fr}}.johndoe-freelancer-footer-text{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}@media (max-width:640px){.johndoe-freelancer-nav-content{height:60px}.johndoe-freelancer-footer-container{padding:var(--spacing-xl) var(--spacing-md)}}