*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f4f8;--text:#1a1a1a;--accent:#5c6bc0;--accent-dark:#3949ab;--highlight:#81c784;--card-bg:#fff;--shadow:rgba(0,0,0,.1);--radius:12px;--transition:.3s ease;--fade-delay:.2s}body{background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;line-height:1.6;transition:background .3s}main{max-width:1200px;margin:0 auto;padding:2rem}nav{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:0 0 var(--radius)var(--radius);box-shadow:0 4px 6px var(--shadow);z-index:100;justify-content:center;gap:2rem;padding:1rem;display:flex;position:-webkit-sticky;position:sticky;top:0}nav a{color:#fff;transition:all var(--transition);font-size:1.1rem;font-weight:600;text-decoration:none;position:relative}nav a:after{content:"";background:var(--highlight);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-4px;left:0}nav a:hover:after{width:100%}nav a:hover{transform:translateY(-2px)}h1,h2{color:var(--accent-dark);opacity:0;margin-bottom:1rem;animation:.6s forwards fadeUp;transform:translateY(20px)}h1{animation-delay:.2s}h2{animation-delay:.4s}p{opacity:0;margin-bottom:1rem;animation:.6s .6s forwards fadeUp;transform:translateY(10px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:0 4px 6px var(--shadow);transition:all var(--transition);margin:1rem 0;padding:1.5rem;transform:translateY(0)}.card:hover{box-shadow:0 10px 20px var(--shadow);transform:translateY(-10px)scale(1.02)}a.button,button{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border-radius:var(--radius);transition:all var(--transition);cursor:pointer;border:none;margin-top:1rem;padding:.7rem 1.5rem;text-decoration:none;display:inline-block}a.button:hover,button:hover{background:linear-gradient(135deg,var(--highlight),var(--accent-dark));box-shadow:0 6px 12px var(--shadow);transform:translateY(-2px)}form{opacity:0;flex-direction:column;gap:1rem;margin-top:1rem;animation:.8s forwards fadeUp;display:flex}input,textarea{border-radius:var(--radius);transition:all var(--transition);border:1px solid #ccc;padding:.7rem;font-family:inherit}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 5px var(--accent);outline:none}@media (max-width:600px){nav{flex-direction:column;gap:1rem}main{padding:1rem}}p{opacity:0;color:#2c2c2c;max-width:700px;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8;transition:color .3s;animation:.6s .6s forwards fadeUp;transform:translateY(15px)}p span.highlight{color:var(--accent);font-weight:600;position:relative}p span.highlight:after{content:"";background:var(--highlight);border-radius:2px;width:100%;height:3px;transition:all .3s;position:absolute;bottom:-3px;left:0}p span.highlight:hover:after{background:linear-gradient(135deg,var(--accent),var(--accent-dark));height:100%}.project-card-outside{background:var(--card-bg);border-radius:var(--radius);min-height:200px;box-shadow:0 6px 15px var(--shadow);align-items:center;margin:2rem 0;padding:2rem;display:flex;position:relative}.project-card-outside .project-content{z-index:2;flex:1;max-width:600px}.project-image-outside{z-index:1;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}@media (max-width:768px){.project-card{text-align:center;flex-direction:column}.project-card-outside{flex-direction:column;align-items:center;min-height:auto;padding:1.5rem}.project-image-outside{margin-bottom:1rem;position:relative;top:0;right:0;transform:none}}.container{gap:20px;display:flex}