@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";
.projects-list-v2{flex-direction:column;gap:30px;display:flex}.project-row-v2-link{color:inherit;text-decoration:none;display:block}.project-row-v2{color:#fff;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 0;text-decoration:none;transition:padding .3s;display:flex}@media (hover:hover){.project-row-v2:hover{background:#ffffff05;padding-left:20px}}.project-row-left{align-items:center;gap:40px;display:flex}.project-thumb-v2{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden}.project-thumb-img{object-fit:cover;width:100%;height:100%}.project-thumb-icon{border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:800;display:flex}.project-row-name{letter-spacing:-.5px;margin-bottom:8px;font-size:2.2rem;font-weight:800}.project-row-desc{color:#888;max-width:450px;font-size:1.1rem}.project-row-arrow{color:var(--accent-orange);padding-right:20px;transition:transform .3s}@media (hover:hover){.project-row-v2:hover .project-row-arrow{transform:translate(5px,-5px)}}@media (max-width:768px){.project-row-v2{flex-direction:column;align-items:flex-start;gap:20px}.project-row-left{flex-direction:row;align-items:flex-start;gap:20px}.project-thumb-v2{border-radius:8px;width:100px;height:100px}.project-row-name{font-size:1.5rem}.project-row-desc{font-size:.9rem}.project-row-arrow{align-self:flex-end}}@media (max-width:480px){.project-row-left{flex-direction:column}.project-thumb-v2{border-radius:6px;width:80px;height:80px}}
.experience-list{border-top:1px solid #222;margin-top:20px}.experience-item{color:inherit;border-bottom:1px solid #222;grid-template-columns:250px 1fr 150px;align-items:flex-start;gap:30px;padding:40px 0;text-decoration:none;transition:all .3s;display:grid;position:relative}.experience-item.clickable{cursor:pointer}@media (hover:hover){.experience-item:hover{background-color:#ffffff05;border-bottom-color:#333;padding-left:10px}}.exp-main{flex-direction:column;gap:6px;display:flex}.exp-company{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.exp-role{color:#fff;text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.85rem;font-weight:500}.exp-desc{align-items:center;display:flex}.exp-desc-text{color:#999;margin:0;font-size:1rem;line-height:1.6}.exp-period{text-align:right;color:#555;text-transform:uppercase;letter-spacing:.05em;padding-top:5px;font-size:.8rem;font-weight:600}.experience-item:after{content:"→";color:var(--accent-orange);opacity:0;font-size:1.2rem;transition:all .3s;position:absolute;top:15px;right:0}@media (hover:hover){.experience-item:hover:after{opacity:1;right:15px}}@media (max-width:992px){.experience-item{grid-template-columns:200px 1fr;gap:20px}.exp-period{text-align:left;color:#666;order:-1;grid-column:1/-1;margin-bottom:-10px}}@media (max-width:640px){.experience-item{grid-template-columns:1fr;gap:15px;padding:32px 0}.experience-item:hover{padding-left:0}.exp-company{font-size:1.1rem}.exp-period{font-size:.75rem}.exp-desc-text{font-size:.9rem}.experience-item:after{display:none}}
.toolbox-grid{grid-template-columns:1fr 1fr;gap:40px 80px;display:grid}.tool-card{align-items:center;gap:20px;display:flex}.tool-icon-wrapper{color:#000;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 10px #0000001a}.tool-icon-img{object-fit:contain;width:30px;height:30px}.tool-info h4{color:#fff;margin-bottom:2px;font-size:1.5rem;font-weight:700}.tool-info .tool-sub{color:#666;font-size:.9rem}@media (max-width:600px){.toolbox-grid{grid-template-columns:1fr;gap:30px}}
.articles-list{flex-direction:column;gap:60px;display:flex}.article-item{flex-direction:column;padding-bottom:20px;display:flex;position:relative}.article-content-wrapper{align-items:flex-start;gap:30px;display:flex}.article-thumbnail-wrapper{background:#111;border:1px solid #222;border-radius:12px;flex-shrink:0;width:180px;height:120px;overflow:hidden}.article-thumbnail{object-fit:cover;opacity:.8;width:100%;height:100%;transition:all .5s}@media (hover:hover){.article-item:hover .article-thumbnail{opacity:1;transform:scale(1.1)}}.article-text-content{flex-direction:column;flex:1;gap:12px;display:flex}.article-item.clickable{cursor:pointer}.article-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.article-title{max-width:80%;font-size:1.8rem;font-weight:700;line-height:1.2}.article-arrow{color:var(--accent-orange);transition:transform .3s}@media (hover:hover){.article-item:hover .article-arrow{transform:translate(5px,-5px)}}.article-desc{color:#888;max-width:600px;font-size:1rem;line-height:1.5}.article-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.article-date,.article-readtime{color:#666;font-size:.9rem;font-weight:500}@media (max-width:768px){.article-content-wrapper{flex-direction:column;gap:20px}.article-thumbnail-wrapper{width:100%;height:200px}.article-title{max-width:100%;font-size:1.4rem}.article-desc{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.articles-list{gap:40px}.article-arrow{display:none}}
.beyond-container{flex-direction:column;gap:40px;display:flex}.beyond-header{margin-bottom:25px}.beyond-main-title{flex-direction:column;margin-bottom:10px;display:flex}.beyond-main-title span{text-transform:uppercase;font-size:5rem;font-weight:900;line-height:.9}.beyond-subtitle{color:#fff;margin-top:10px;font-family:Dancing Script,cursive;font-size:2.5rem}.bento-grid-v2{grid-template-columns:350px 1fr;gap:20px;display:grid}.bento-item{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:24px;padding:25px;position:relative;overflow:hidden}.right-stack{flex-direction:column;gap:10px;display:flex}.reading-box-v2{background:linear-gradient(#1e1e1e 0%,#151312 100%);flex-direction:column;padding-bottom:5px;display:flex}.card-tag{color:#888;background:#ffffff0d;border-radius:20px;margin-bottom:20px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.reading-box-v2 h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.card-desc-reading{color:#888;margin-bottom:20px;font-size:.9rem;line-height:1.5}.book-visual-v2{justify-content:center;align-items:center;margin-top:10px;padding:0;display:flex}.book-visual-v2 img{z-index:2;border-radius:8px;width:200px;height:auto;margin-top:25px;transform:none;box-shadow:0 20px 40px #000c}.book-glow{background:var(--accent-orange);filter:blur(80px);opacity:.15;width:150px;height:150px;position:absolute;bottom:-40px}.persona-box-orange{background:var(--accent-orange);color:#fff;border:none}.persona-box-orange h3{font-size:1.5rem;font-weight:800}.persona-sub{opacity:.9;margin-bottom:15px;font-size:.9rem;font-weight:600}.persona-bubbles{flex-wrap:wrap;gap:12px;display:flex}.bubble-white{-webkit-backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:40px;padding:10px 22px;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0000001a}@media (hover:hover){.bubble-white:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}}.people-box-v2{flex-direction:column;flex:1;justify-content:space-between;display:flex}.card-top-row{align-items:center;gap:15px;margin-bottom:15px;display:flex}.people-box-v2 h3{color:#fff;font-size:1.5rem;font-weight:800}.people-desc{color:#888;margin-bottom:15px;font-size:.9rem;line-height:1.4}.people-footer{justify-content:space-between;align-items:center;display:flex}.collaborators-avatars{align-items:center;display:flex}.collaborators-avatars img{border:3px solid #1a1a1a;border-radius:50%;width:44px;height:44px;margin-left:-15px}.more-collabs{background:var(--accent-orange);color:#fff;border:3px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-15px;font-size:.85rem;font-weight:800;display:flex}.collab-status{color:var(--accent-orange);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:800}@media (max-width:1100px){.bento-grid-v2{grid-template-columns:1fr}.beyond-main-title span{font-size:3.5rem}}@media (max-width:768px){.beyond-main-title span{font-size:3rem}.beyond-subtitle{font-size:1.8rem}.bento-item{padding:20px}.reading-box-v2{padding-bottom:20px}.book-visual-v2 img{width:180px}}@media (max-width:480px){.beyond-main-title span{font-size:2.22rem}.beyond-subtitle{font-size:1.5rem}}
.contact-section{padding-bottom:100px}.contact-form{flex-direction:column;gap:20px;max-width:700px;display:flex}.contact-subtitle{color:#fff;text-transform:uppercase;letter-spacing:.15em;opacity:1;margin-bottom:25px;font-size:.75rem;font-weight:700}.contact-info-section{margin-bottom:50px}.quick-contact-row{gap:20px;max-width:700px;display:flex}.contact-divider{align-items:center;max-width:700px;margin:50px 0;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#333,#0000);flex:1;height:1px}.divider-text{color:#555;letter-spacing:.2em;margin:0 20px;font-size:.7rem;font-weight:900}.contact-form-container{margin-top:20px}.quick-contact-card{background:var(--card-bg);border:1px solid #333;border-radius:12px;flex:1;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.quick-contact-card:hover{background:#ffffff0d;border-color:#444;transform:translateY(-2px)}.quick-contact-card.whatsapp:hover{border-color:#25d366}.quick-contact-card.email:hover{border-color:var(--accent-orange)}}.quick-icon-wrapper{color:#888;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}@media (hover:hover){.whatsapp:hover .quick-icon-wrapper{color:#25d366;background:#25d3661a}.email:hover .quick-icon-wrapper{color:var(--accent-orange);background:#ff73001a}}.quick-info{flex-direction:column;display:flex}.quick-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.quick-value{color:#eee;font-size:.95rem;font-weight:500}@media (max-width:600px){.quick-contact-row{flex-direction:column;gap:12px}}.form-row{gap:20px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-group label{color:#666;text-transform:uppercase;font-size:.8rem}.input-field{background:var(--card-bg);color:#fff;border:1px solid #333;border-radius:8px;width:100%;padding:16px;font-family:inherit;font-size:1rem;transition:border-color .3s}.input-field:focus{border-color:var(--accent-orange);outline:none}textarea.input-field{resize:vertical;min-height:150px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.submit-btn{background:var(--accent-orange);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:18px;font-size:1rem;font-weight:800;transition:all .3s;display:flex}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (hover:hover){.submit-btn:hover:not(:disabled){color:#000;background:#fff;transform:translateY(-2px)}}.success-message{background:var(--card-bg);text-align:center;border:1px solid #333;border-radius:16px;flex-direction:column;align-items:center;gap:20px;max-width:700px;padding:60px 40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) fadeInScale;display:flex}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon-bg{color:#25d366;background:#25d3661a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;display:flex}.success-message h3{color:#fff;margin:0;font-size:1.8rem}.success-message p{color:#888;max-width:400px;margin:0;line-height:1.6}.reset-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;margin-top:10px;padding:12px 24px;font-size:.9rem;transition:all .3s}@media (hover:hover){.reset-btn:hover{color:#fff;border-color:#666}}.error-text{color:#ff4b2b;text-align:center;margin-top:15px;font-size:.85rem}@media (max-width:600px){.form-row{flex-direction:column}}
