* { margin:0; padding:0; box-sizing:border-box; }
:root { --primary:#45c2ef; --primary-dark:#4f46e5; --secondary:#0f172a; --text:#334155; --light:#f8fafc; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif; line-height:1.6; color:var(--text); background:linear-gradient(135deg,#667eea 0%, #764ba2 100%); min-height:100vh; overflow-x:hidden; -webkit-text-size-adjust:100%; padding-top:100px; }
header { background:rgba(255,255,255,.95); backdrop-filter:blur(10px); box-shadow:0 4px 30px rgba(0,0,0,.1); position:fixed; top:0; left:0; width:100%; z-index:100; transition: all 0.3s ease; }
nav { max-width:1200px; margin:0 auto; padding:1rem 2rem; display:flex; align-items:center; justify-content:space-between; }
.nav-menu { display:flex; gap:2rem; align-items:center; }
.nav-menu a { color:var(--text); text-decoration:none; transition:all .3s ease; position:relative; font-weight:500; }
.nav-menu a::after { content:''; position:absolute; bottom:-5px; left:0; width:0; height:2px; background:var(--primary); transition:width .3s ease; }
.nav-menu a:hover::after { width:100%; }
.hamburger-menu { display:none; cursor:pointer; z-index:101; padding:0.5rem; }
.hamburger-menu .bar { display:block; width:25px; height:3px; margin:5px auto; background-color:var(--secondary); transition:all 0.3s ease-in-out; }
.logo { font-size:2.2rem; font-weight:800; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-decoration:none; position:relative; display:inline-flex; align-items:center; gap:0.5rem; }
.logo-img { height:2.5rem; width:auto; object-fit:contain; display:block; }
.logo::after { content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--primary),var(--primary-dark)); transform:scaleX(0); transition:transform .3s ease; }
.logo:hover::after { transform:scaleX(1); }
.logo:hover { transform:translateY(-1px); transition:transform .2s ease; }
.container { max-width:1200px; margin:0 auto; padding:2rem; }
.panel { background:rgba(255,255,255,.95); border-radius:20px; padding:2rem; box-shadow:0 20px 60px rgba(0,0,0,.15); animation: fadeUp .6s ease both; }
.title { font-size:2rem; color:var(--secondary); margin-bottom:1rem; text-align:center; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.info { background:#ffffff; border-radius:16px; padding:1.5rem; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.form { background:#ffffff; border-radius:16px; padding:1.5rem; box-shadow:0 10px 30px rgba(0,0,0,.08); }
label { display:block; margin-bottom:.5rem; color:var(--secondary); font-weight:600; }
input, textarea { width:100%; padding:.9rem 1rem; border:2px solid #e5e7eb; border-radius:10px; font-size:1rem; transition:.2s; }
input:focus, textarea:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(99,102,241,.1); }
textarea { min-height:140px; resize:vertical; }
.actions { margin-top:1rem; display:flex; gap:.75rem; flex-wrap:wrap; }
.btn { padding:1rem 1.5rem; border:none; border-radius:50px; font-weight:700; cursor:pointer; text-decoration:none; }
.btn-primary { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; box-shadow:0 6px 18px rgba(79,70,229,.35); }
.btn-outline { background:#fff; color:var(--primary-dark); border:2px solid var(--primary-dark); }
.meta { margin-top:.5rem; color:#64748b; font-size:.95rem; }
footer { background:rgba(255,255,255,.95); margin-top:3rem; padding:2rem 0 1rem; border-radius:20px 20px 0 0; }
.footer-content { max-width:1200px; margin:0 auto; padding:0 2rem; display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; }
.footer-section h3 { color:var(--secondary); margin-bottom:1rem; }
.footer-section ul { list-style:none; padding:0; margin:0; }
.footer-section ul li { margin-bottom:.5rem; }
.footer-section ul li a { color:var(--text); text-decoration:none; transition:color .3s ease; }
.footer-section ul li a:hover { color:var(--primary); }
.social-links { display: flex; gap: 1rem; margin-top: 1rem; }
.social-links a { width: 40px; height: 40px; background: #f1f5f9; color: var(--text); border-radius: 50%;
    display:flex; align-items:center; justify-content:center; transition: all .3s; }
.social-links a:hover { transform: translateY(-5px); background: var(--primary); color: white; }
.footer-bottom { text-align:center; padding:1.5rem; border-top:1px solid #e5e7eb; margin-top:1rem; }
@keyframes fadeUp { from { opacity:0; transform: translateY(12px); } to { opacity:1; transform: translateY(0); } }
@media (max-width: 1024px) {
    .container {
        padding: 1.5rem;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 16px;
        padding-top: 80px;
    }

    header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }
    
    nav {
        padding: 0.75rem 1rem;
        flex-wrap: wrap;
    }
    
    .logo {
        font-size: 1.75rem;
    }
    
    .hamburger-menu {
        display: block;
        min-width: 44px;
        min-height: 44px;
    }
    
    .hamburger-menu.active .bar:nth-child(2) {
        opacity: 0;
    }
    
    .hamburger-menu.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    
    .hamburger-menu.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    
    .nav-menu {
        position: fixed;
        left: -100%;
        top: 0;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(10px);
        width: 100%;
        height: 100vh;
        padding-top: 5rem;
        text-align: center;
        transition: 0.3s;
        gap: 1.5rem;
        z-index: 100;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    
    .nav-menu.active {
        left: 0;
    }
    
    .nav-menu a {
        font-size: 1.25rem;
        padding: 0.75rem;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .container {
        padding: 1rem;
    }
    
    .panel {
        padding: 1.5rem;
        margin: 1rem 0;
    }
    
    .grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .title {
        font-size: 1.75rem;
        margin-bottom: 0.75rem;
    }
    
    .info, .form {
        padding: 1.25rem;
    }
    
    .info h2 {
        font-size: 1.25rem;
    }
    
    .info p {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
    }
    
    input, textarea {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 0.875rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    textarea {
        min-height: 120px;
    }
    
    .actions {
        flex-direction: column;
        gap: 0.75rem;
        margin-top: 1.5rem;
    }
    
    .btn {
        width: 100%;
        min-height: 44px;
        padding: 0.875rem 1.5rem;
        font-size: 0.95rem;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
    
    footer {
        margin-top: 2rem;
        padding: 1.5rem 0 1rem;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }
    
    .footer-section {
        text-align: center;
    }
    
    .footer-bottom {
        padding: 1.25rem 1rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0.75rem;
    }
    
    .panel {
        padding: 1.25rem;
    }
    
    .title {
        font-size: 1.5rem;
    }
    
    .logo {
        font-size: 1.5rem;
    }
    
    .info, .form {
        padding: 1rem;
    }
    
    .info h2 {
        font-size: 1.1rem;
    }
    
    label {
        font-size: 0.95rem;
    }
    
    input, textarea {
        padding: 0.75rem;
        font-size: 16px;
    }
}

/* Prevent horizontal scroll */
html {
    overflow-x: hidden;
    width: 100%;
}

* {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}