html,body{height:100%;margin:0}app-root{display:flex;flex-direction:column;min-height:100vh}router-outlet+*{flex:1 0 auto}app-navbar,app-footer,main{display:block}main{flex:1 0 auto}.navbar,footer,.project-card,.service-card,.contact-form,.mobile-menu{transition:background-color .35s ease,color .35s ease,border-color .35s ease}button,a,.theme-toggle,.burger span{transition:background-color .35s ease,color .35s ease,opacity .25s ease}:root{--bg: #fafafa;--bg-card: #fff;--text: #222;--text-light: #555;--border: #e5e5e5;--btn-bg: #111;--btn-bg-hover: #333;--btn-secondary: #f2f2f2;--btn-secondary-hover: #e2e2e2;--success-bg: rgba(34,197,94,.1);--success-border: rgba(34,197,94,.25);--success-text: #0f5132;--success-text-contrast: #ffffff}body.dark{--bg: #0f0f0f;--bg-card: #1a1a1a;--text: #f1f1f1;--text-light: #cfcfcf;--border: #333;--btn-bg: #fff;--btn-bg-hover: #ddd;--btn-secondary: #2a2a2a;--btn-secondary-hover: #3a3a3a;--success-bg: rgba(34,197,94,.12);--success-border: rgba(34,197,94,.35);--success-text: #c7f9d4;--success-text-contrast: #e6fff0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;margin:0;padding:0}.container{max-width:1000px;margin:0 auto;padding:0 20px}@media(max-width:768px){h1{font-size:1.8rem}h2{font-size:1.3rem}p{font-size:1rem}section{margin-top:40px}}@media(max-width:480px){h1{font-size:1.6rem}h2{font-size:1.2rem}p{font-size:.95rem}section{margin-top:30px}}section{margin-top:60px}