body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{animation:gradientAnimation 15s ease infinite;background:linear-gradient(-45deg,#0f0f10,#1a1a1d,#b71c1c,#6a0000);background-size:400% 400%;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{display:flex;flex-direction:column;min-height:100vh}.hero{padding:70px 20px;text-align:center}.hero h2{color:#fff;font-size:2.2rem;margin-bottom:15px}.hero p{color:#cfcfcf;font-size:1.1rem;margin:0 auto 30px;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.cta-button{align-items:center;background:#e53935;border:none;border-radius:30px;box-shadow:0 4px 12px #00000080;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:12px 28px;text-decoration:none;transition:.3s}.cta-button:hover{background:#b71c1c}.secondary-btn{background:#5a1e1e}.secondary-btn:hover{background:#e53935}.modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e1e;border-radius:15px;box-shadow:0 10px 30px #e5393566;color:#f0f0f0;max-width:90%;padding:30px;position:relative}.modal-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;padding:5px;position:absolute;right:15px;top:15px;transition:color .2s}.modal-close-btn:hover{color:#e53935}.form-modal{max-width:500px}.form-modal h3{color:#e53935;margin-bottom:20px;margin-top:0;text-align:center}.form-modal label{color:#aaa;display:block;font-size:.9rem;font-weight:700;margin-bottom:5px;margin-top:10px}.form-modal input[type=text],.form-modal input[type=url],.form-modal textarea{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#f0f0f0;margin-bottom:15px;padding:10px;width:100%}.form-modal textarea{min-height:80px;resize:vertical}.modal-submit-btn{margin-top:20px;width:100%}.modal-submit-btn:disabled{background:#555;cursor:not-allowed}.image-input-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.image-input-group input[type=text],.image-input-group input[type=url]{flex-grow:1;height:40px;margin-bottom:0}.file-input-label{align-items:center;border-radius:8px;display:flex;gap:5px;height:40px;margin-bottom:0!important;padding:10px 15px;white-space:nowrap}.toggle-button{background:#4a4a4a;border:none;border-radius:8px;color:#fff;cursor:pointer;height:40px;padding:0 10px;transition:background .2s}.toggle-button:hover{background:#6a6a6a}.form-message.warning{color:#ffc107;font-weight:700;margin-top:10px}.form-message.error{color:#ff8a80;font-weight:700;margin-top:10px}.form-message.success{color:#81c784;font-weight:700;margin-top:10px}.about-modal{max-width:600px;text-align:left}.about-modal h4{border-bottom:1px solid #444;color:#e53935;margin-top:0;padding-bottom:10px}.about-modal h5{color:#aaa;font-size:1rem;margin-bottom:5px;margin-top:15px}.about-modal ul{list-style-type:none;padding-left:0}.about-modal li{background:#2a2a2a;border-left:3px solid #e53935;border-radius:4px;color:#ddd;font-size:.95rem;margin-bottom:5px;padding:8px 12px}.about-modal footer{color:#777;font-size:.8rem;margin-top:20px;text-align:center}@media (max-width:768px){.hero h2{font-size:1.8rem}.hero-actions,.image-input-group{flex-direction:column;gap:10px}.file-input-label,.toggle-button{height:auto;justify-content:center;width:100%}}.projects{padding:60px 20px;text-align:center}.projects h2{color:#fff;font-size:2rem;margin-bottom:35px}.projects-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1000px}.project-card{background:#1e1e22e6;border-radius:15px;box-shadow:0 4px 14px #0006;padding:25px;transition:.3s}.project-card h3{color:#fff}.project-card p{color:#aaa;font-size:.95rem;margin:10px 0 15px}.project-btn{background:#e53935;border-radius:25px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:.3s}.project-btn:hover{background:#b71c1c}.project-snapshot{aspect-ratio:16/9;border-radius:10px;display:block;filter:brightness(.9);height:auto;margin-bottom:15px;object-fit:cover;transition:filter .3s;width:100%}.project-card:hover .project-snapshot{filter:brightness(1)}.project-card:hover{box-shadow:0 6px 20px #e5393566;transform:scale(1.05)}
/*# sourceMappingURL=main.fa032c33.css.map*/