@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-page: #050505;--bg-card: #0F0F0F;--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--border-subtle: #27272A;--accent-color: #2563EB;--accent-hover: #3B82F6;--accent-glow: rgba(37, 99, 235, .15);--container-width: 1120px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}a{text-decoration:none;color:inherit;transition:.2s}button{font-family:inherit;cursor:pointer;border:none;outline:none}.portfolio-wrapper{width:100%;min-height:100vh}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.hero-section{height:90vh;display:flex;align-items:center;position:relative;background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.08) 0%,transparent 50%)}.hero-container{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;width:100%}.hero-badge{display:inline-block;font-size:.875rem;color:var(--accent-color);background:#2563eb1a;padding:6px 12px;border-radius:100px;margin-bottom:24px;font-weight:500;border:1px solid rgba(37,99,235,.2)}.hero-title{font-size:3.5rem;line-height:1.1;font-weight:700;margin-bottom:24px;letter-spacing:-1.5px}.highlight{color:var(--accent-color)}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-weight:300}.hero-subtitle strong{color:var(--text-primary);font-weight:500}.hero-actions{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:8px;font-weight:500;font-size:1rem;transition:all .3s ease}.btn-primary{background-color:var(--text-primary);color:var(--bg-page)}.btn-primary:hover{background-color:#e5e5e5;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff08}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;height:550px;width:100%}.abstract-shape{width:380px;height:480px;background:linear-gradient(135deg,var(--border-subtle),var(--bg-card));border-radius:24px;border:1px solid var(--border-subtle);position:absolute;z-index:0;top:53%;left:53%;transform:translate(-50%,-50%)!important;opacity:.6;box-shadow:0 0 100px #2563eb26}.projects-section{padding:100px 0;background-color:var(--bg-page)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:60px;max-width:600px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{border-color:var(--border-subtle);transform:translateY(-8px);box-shadow:0 20px 40px #0006}.project-image-wrapper{width:100%;height:220px;background:#111;overflow:hidden;border-bottom:1px solid var(--border-subtle);position:relative}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image-wrapper img{transform:scale(1.05)}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.project-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.project-content h3{font-size:1.5rem;margin-bottom:10px;font-weight:600}.project-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.project-tags{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.project-tags span{font-size:.75rem;background:#ffffff0d;color:var(--text-secondary);padding:4px 10px;border-radius:6px;border:1px solid var(--border-subtle)}.skills-section{padding:80px 0;border-bottom:1px solid var(--border-subtle);background:#ffffff03}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.hard-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px}.skill-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.skill-card:hover{border-color:var(--accent-color);background:#2563eb0d}.skill-icon{font-size:1.5rem;color:var(--accent-color)}.skill-card h4{font-size:.9rem;font-weight:600;margin:0}.soft-skills-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:16px}.soft-skill-item{display:flex;align-items:center;gap:12px;font-size:1.1rem;padding:12px 20px;border-radius:8px;background:#ffffff05}.soft-skill-item:hover{background:#ffffff0d}.check-icon{color:var(--accent-color);font-size:1.2rem}.contact-section{padding:120px 0;background:var(--bg-page);position:relative;overflow:hidden}.contact-form-wrapper{max-width:550px;margin:0 auto;background:linear-gradient(145deg,#1e1e1ecc,#141414f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px;border-radius:24px;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.05);box-shadow:0 30px 60px -12px #0009}.form-group{margin-bottom:28px;text-align:left;position:relative}.form-group label{display:block;margin-bottom:10px;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;transition:color .3s}.contact-form input,.contact-form textarea{width:100%;padding:16px 20px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form input:focus,.contact-form textarea:focus{outline:none;background:#0009;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 20px -5px #3b82f680}.form-group:focus-within label{color:var(--accent-color, #3b82f6)}.contact-form .btn-primary{padding:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 10px 20px -10px #2563eb80}.contact-form .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px -10px #2563ebb3}.footer-section{padding:80px 0 40px;background:var(--bg-card);border-top:1px solid var(--border-subtle);text-align:center}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.9rem}.footer-socials{display:flex;gap:20px}.footer-socials a{font-size:1.2rem;color:var(--text-secondary);transition:color .2s}.footer-socials a:hover{color:var(--accent-color)}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-visual{height:450px;margin-top:20px;margin-bottom:40px}.abstract-shape{width:280px;height:360px}.skills-layout{grid-template-columns:1fr;gap:50px}.contact-section{padding:80px 0}.contact-form-wrapper{padding:32px 24px;border-radius:20px}.footer-bottom{flex-direction:column;gap:20px}}.app-container{min-height:100vh;background:radial-gradient(circle at 50% -20%,#1e293b,#0f172a,#020617);color:#fff;font-family:Inter,sans-serif;padding:40px 20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.tech-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.tech-icon{position:absolute;color:#3b82f608;filter:drop-shadow(0 0 20px rgba(59,130,246,.05))}.icon-left-top{top:-50px;left:-50px;font-size:15rem;transform:rotate(-15deg)}.icon-right-top{top:20px;right:-80px;font-size:25rem;opacity:.04}.icon-left-bottom{bottom:50px;left:5%;font-size:10rem}.icon-right-bottom{bottom:-50px;right:-20px;font-size:18rem;transform:rotate(20deg)}.app-header{text-align:center;margin-bottom:40px;z-index:10}.app-header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 0 30px rgba(59,130,246,.4)}.subtitle{color:#94a3b8;font-size:1.1rem}.gradient-text{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-box{background:#0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px;width:100%;max-width:650px;box-shadow:0 25px 50px -12px #00000080;margin-bottom:60px;z-index:10}.form-header{margin-bottom:32px;text-align:center}.form-header h3{font-size:1.8rem;color:#e2e8f0;margin-bottom:8px}.form-header p{color:#94a3b8}.image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.1);border-radius:16px;padding:40px;cursor:pointer;transition:all .3s;margin-bottom:30px;background:#0003}.image-upload-label:hover{border-color:#3b82f6;background:#3b82f60d}.icon-upload{font-size:3rem;color:#64748b;margin-bottom:12px}.image-upload-label:hover .icon-upload{color:#3b82f6}.upload-hint{font-size:.8rem;opacity:.5;margin-top:5px}.image-preview{width:100%;height:250px;object-fit:cover;border-radius:12px;box-shadow:0 10px 20px #0000004d}.hidden-input{display:none}.input-group{display:flex;flex-direction:column;margin-bottom:24px}.input-group label{display:block;margin-bottom:8px;color:#94a3b8;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-box input,.form-box textarea,.form-box select{width:100%;background:#0f172a99;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:14px 16px;color:#f1f5f9;font-size:1rem;outline:none;transition:all .3s ease;font-family:Inter,sans-serif}.form-box input:focus,.form-box textarea:focus,.form-box select:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;transform:translateY(-1px)}.form-box select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2360a5fa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;cursor:pointer}.form-box select option{background-color:#0f172a;color:#fff}.form-box textarea{min-height:120px;resize:vertical}.form-actions{display:flex;gap:15px;margin-top:40px}.btn-aurora{flex:1;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:18px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.btn-aurora:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb66}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:18px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s;font-weight:500}.btn-cancel:hover{background:#ffffff0d;color:#fff;border-color:#fff}.section-title{font-size:1.5rem;margin-bottom:24px;border-left:4px solid #3b82f6;padding-left:16px;width:100%;max-width:1000px;z-index:10}.project-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%;max-width:1200px;z-index:10}.card-projeto{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;transition:all .3s;display:flex;flex-direction:column;gap:16px}.card-projeto:hover{transform:translateY(-5px);border-color:#3b82f64d;box-shadow:0 20px 40px -10px #00000080}.card-image{width:100%;height:200px;object-fit:cover;border-radius:10px}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-header strong{font-size:1.25rem;color:#f1f5f9}.card-actions button{background:#ffffff0d;border:none;cursor:pointer;padding:10px;border-radius:8px;transition:.2s;display:flex;align-items:center;justify-content:center}.btn-edit{color:#60a5fa;margin-right:8px}.btn-edit:hover{background:#3b82f633}.btn-delete{color:#f87171}.btn-delete:hover{background:#ef444433}.description-preview{font-size:.95rem;color:#94a3b8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-done{background:#10b981;color:#fff}.status-dev{background:#ffffff1a;color:#ccc}.link-deploy{font-size:.8rem;color:#60a5fa;display:flex;align-items:center;gap:4px}.link-deploy:hover{text-decoration:underline}@media(max-width:768px){.form-box{padding:24px}.tech-icon{opacity:.02}}