.skill-container{background:#fff;padding:6rem 0;position:relative}.skill-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#eff6ff,#faf5ff);opacity:.3}.skill-intro{text-align:center;max-width:800px;margin:0 auto 4rem;padding:0 2rem;position:relative;z-index:1}.skill-intro h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin:0 0 2rem;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-intro p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin:0 0 2rem}.skill-intro .divider{width:80px;height:4px;background:linear-gradient(135deg,#2563eb,#7c3aed);margin:2rem auto;border-radius:2px;position:relative}.skill-intro .divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,#93c5fd 50%,transparent)}.icon-row-wrap{padding:0 2rem 2rem;position:relative;z-index:1}.skill-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.skill-row{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}}@media(max-width:480px){.skill-row{grid-template-columns:repeat(2,1fr);gap:.25rem}}.skill-item{width:100%}.skill-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem 0;text-align:center;padding:2rem 1rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e5e7eb}.skill-wrap:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#bfdbfe}.icon-wrap{width:100px;height:100px;background:linear-gradient(135deg,#eff6ff,#faf5ff);border-radius:1rem;margin-bottom:1rem;position:relative}.icon,.icon-wrap{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon{font-size:4rem;color:#2563eb;text-align:center}.icon,.icon svg{width:80px;height:80px;max-width:80px;max-height:80px}.icon svg{font-size:inherit}.skill-wrap:hover .icon-wrap{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:scale(1.1)}.skill-wrap:hover .icon{color:#fff;transform:scale(1.1)}span{font-size:1rem;font-weight:600;color:#1f2937;margin-top:.5rem}@media(max-width:768px){.skill-container{padding:4rem 0}.skill-intro{padding:0 1rem;margin-bottom:3rem}.icon-row-wrap{padding:0 1rem 2rem}.skill-wrap{margin:1rem 0;padding:1.5rem 1rem}.icon-wrap{width:80px;height:80px}.icon{font-size:3rem}.icon,.icon svg{width:64px;height:64px;max-width:64px;max-height:64px}.icon svg{font-size:inherit}}.contact-container{background:linear-gradient(135deg,#f9fafb,#fff);padding:6rem 0;position:relative}.contact-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f3f4f6' fill-opacity='0.4'%3E%3Cpath d='M20 20c0-11.046-8.954-20-20-20v20h20z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.contact-intro{text-align:center;max-width:800px;margin:0 auto 4rem;padding:0 2rem;position:relative;z-index:1}.contact-intro h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin:0 0 2rem;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-intro p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin:0 0 2rem}.contact-intro .divider{width:80px;height:4px;background:linear-gradient(135deg,#2563eb,#7c3aed);margin:2rem auto;border-radius:2px;position:relative}.contact-intro .divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,#93c5fd 50%,transparent)}form{max-width:600px;margin:0 auto 4rem;padding:3rem;background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);position:relative;z-index:1;border:1px solid #e5e7eb}form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:1.5rem 1.5rem 0 0}.form-group{margin-bottom:2rem}.form-group:last-of-type{margin-bottom:0}label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}input,textarea{width:100%;padding:1rem 1.25rem;font-size:1rem;line-height:1.5;color:#1f2937;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .3s ease;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}input::placeholder,textarea::placeholder{color:#9ca3af}textarea{resize:vertical;min-height:120px}.btn-container{text-align:center;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.btn:active{transform:translateY(0)}.thank-you-message{text-align:center;padding:2rem;background:#10b981;color:#fff;border-radius:1rem;margin-top:2rem}.thank-you-message h3{margin:0;font-size:1.25rem;font-weight:600}.thank-you-overlay{position:fixed;inset:0;background:rgba(17,24,39,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.thank-you-modal{width:90%;max-width:560px;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;padding:2rem;position:relative;text-align:left}.thank-you-modal h2{margin:0 0 .75rem}.thank-you-modal p{margin:0 0 1.5rem;color:#374151;line-height:1.7}.close-btn{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#4b5563;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:background .2s ease,color .2s ease}.close-btn:hover{background:#f3f4f6;color:#111827}@media(max-width:768px){.contact-container{padding:4rem 0}.contact-intro{padding:0 1rem;margin-bottom:3rem}form{margin:0 1rem;padding:2rem}}