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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#0891b2;--primary-dark:#0e7490;--secondary:#059669;--accent:#14b8a6;--dark:#0f172a;--text:#1e293b;--text-light:#64748b;--background:#f0fdfa;--background-secondary:#d1fae5;--border:#a7f3d0;--white:#fff;--shadow-sm:0 1px 3px #0f172a1a;--shadow-md:0 4px 6px #0f172a1a;--shadow-lg:0 12px 24px #0f172a33}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0fdfa;background:var(--background);color:#1e293b;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.portfolio-app{display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcf2;box-shadow:0 1px 3px #0f172a1a;box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;z-index:100}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0891b2,#059669);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;border:none;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links button{background:none;border:none;color:#1e293b;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-links button:after{background:#0891b2;background:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links button.active,.nav-links button:hover{color:#0891b2;color:var(--primary)}.nav-links button.active:after,.nav-links button:hover:after{width:100%}.main-content{flex:1 1;margin-top:80px;padding:2rem}.page{animation:fadeIn .5s ease;margin:0 auto;max-width:1200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:200px;min-height:calc(100vh - 180px);text-align:center}.hero-content h1{color:#0f172a;color:var(--dark);font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0891b2,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.hero-content .subtitle{color:#1e293b;color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.hero-content .description{color:#64748b;color:var(--text-light);font-size:1.125rem;margin:0 auto 2rem;max-width:600px}.hero-buttons{display:flex;gap:1rem;justify-content:center;z-index:100}.scuba-container{flex:0 0 auto;pointer-events:none;position:relative}.scuba-man{animation:float 3s ease-in-out infinite;animation-delay:2s;display:block;margin-left:1000px;margin-top:-450px;width:400px;z-index:2}.bubble{animation:bubble 7s ease-in-out infinite;position:absolute}.bubble-1{animation-delay:5s;left:2%}.bubble-1,.bubble-2{bottom:-50;opacity:0;width:80px}.bubble-2{animation-delay:2.5s;left:9%}.bubble-3{animation-delay:0s;bottom:-5 0;left:5%;opacity:0;width:125px}.bubble-4{top:-3%}.bubble-4,.bubble-5{animation:bubble-1 3s ease-in-out infinite;right:16.5%;width:50px}.bubble-5{animation-delay:1s;top:-1%}@keyframes float{0%,to{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-25px)}}@keyframes bubble-1{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-125px)}}@keyframes bubble{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-500px)}}.about-me{display:flex;flex-direction:row;gap:50px;justify-content:center}.about-me-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0891b2,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:600;margin-bottom:50px;margin-top:200px}#about{scroll-margin-top:100px}.about-me .me-photo{border-radius:30px;box-shadow:0 12px 24px #0f172a80;height:500px;object-fit:cover;width:400px}.about-me p{font-size:1.1rem;margin-top:50px;text-align:left}.projects-page{padding:2rem 0}.page-header{margin-bottom:3rem;text-align:center}.page-header h2{color:#0f172a;color:var(--dark);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#64748b;color:var(--text-light);font-size:1.125rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0f172a1a;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 12px 24px #0f172a33;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.project-thumbnail{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:linear-gradient(135deg,var(--background-secondary),var(--border));height:250px;overflow:hidden;position:relative}.project-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{font-size:4rem;height:100%}.project-overlay,.thumbnail-placeholder{align-items:center;display:flex;justify-content:center}.project-overlay{background:#0f172ae6;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-info{padding:1.5rem}.project-info h3{color:#0f172a;color:var(--dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-info p{color:#64748b;color:var(--text-light);margin-bottom:1rem}.project-links{display:flex;gap:1rem}.link-demo,.link-github{color:#0891b2;color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .3s ease}.link-demo:hover,.link-github:hover{color:#0e7490;color:var(--primary-dark);text-decoration:underline}.contact-page{max-width:600px;padding:2rem 0}.contact-page-header{margin-bottom:3rem;text-align:center}.contact-page-header h2{color:linear-gradient(135deg,#0891b2,#14b8a6);color:linear-gradient(135deg,var(--primary,.8),var(--accent));font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.contact-page-header p{color:#64748b;color:var(--text-light);font-size:1.125rem}.contact-info{background:linear-gradient(135deg,#0891b2,#14b8a6);background:linear-gradient(135deg,var(--primary,.8),var(--accent));border-radius:30px;box-shadow:0 4px 6px #0f172a1a;box-shadow:var(--shadow-md);color:#fff;font-size:1.1rem;margin-top:-10px;padding:50px 20px;text-align:center}.contact-info a{color:#fff}.email{margin-bottom:30px}.bubble1{animation:bubble 7s ease-in-out infinite;animation-delay:5s;left:2%}.bubble1,.bubble2{bottom:1%;opacity:0;position:absolute;width:80px}.bubble2{animation:bubble 7s ease-in-out infinite;animation-delay:3s;left:9%}.bubble3{left:5%;width:125px}.bubble3,.bubble4{animation:bubble 7s ease-in-out infinite;animation-delay:0s;bottom:1%;opacity:0;position:absolute}.bubble4{right:2%;width:80px}.bubble5{animation:bubble 7s ease-in-out infinite;animation-delay:5s;right:9%;width:80px}.bubble5,.bubble6{bottom:1%;opacity:0;position:absolute}.bubble6{animation:bubble 7s ease-in-out infinite;animation-delay:3s;right:5%;width:125px}.btn-primary,.btn-secondary,.btn-view{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#0891b2,#059669);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 15px #6366f14d;color:#fff;color:var(--white)}.btn-primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--white);border:2px solid #0891b2;border:2px solid var(--primary);color:#0891b2;color:var(--primary)}.btn-secondary:hover{background:#0891b2;background:var(--primary);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-view{background:#fff;background:var(--white);color:#0891b2;color:var(--primary)}.btn-view:hover{background:#0891b2;background:var(--primary);color:#fff;color:var(--white);transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0f172ae6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s ease;background:#fff;background:var(--white);border-radius:16px;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{align-items:center;background:#0f172a;background:var(--dark);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:1}.modal-close:hover{background:#0891b2;background:var(--primary);transform:rotate(90deg)}.modal-content{padding:2rem}.modal-content h2{color:#0f172a;color:var(--dark);font-size:2rem;margin-bottom:1rem}.modal-options{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.modal-option-btn{background:#fff;border:2px solid #0891b2;border:2px solid var(--primary);border-radius:12px;color:#0e7490;color:var(--primary-dark);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s}.modal-option-btn:hover{background:#0891b2;background:var(--primary);box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.figma-embed{border-radius:8px;box-shadow:0 4px 6px #0f172a1a;box-shadow:var(--shadow-md);margin-top:2rem;overflow:hidden}.figma-embed iframe{border:none;height:600px;width:100%}.project-details{margin-top:2rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.footer{background:#0f172a;background:var(--dark);color:#d1fae5;color:var(--background-secondary);margin-top:4rem;padding:2rem;text-align:center}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content .subtitle{font-size:1.25rem}.hero-content .description{word-wrap:break-word;font-size:1rem;max-width:100%;overflow-wrap:break-word}.hero-content{box-sizing:border-box;max-width:100%;overflow-wrap:break-word;padding:0 1rem;width:100%}.bubble{animation:none;opacity:0}.about-me{align-items:center;flex-direction:column;gap:30px;padding:0 1rem}.about-me-subtitle{font-size:2rem;margin-bottom:30px;margin-top:100px;text-align:center}.about-me .me-photo{height:400px;max-width:350px;order:-1;width:100%}.about-me p{font-size:1rem;margin-top:0;max-width:100%;text-align:center}.nav-links{gap:1rem}.projects-grid{grid-template-columns:1fr}.page-header h2{font-size:2rem}.figma-embed iframe{height:400px}.modal{padding:1rem}}.zoo-tour-container{background:#1f2735;color:#fff;min-height:100vh;padding:.5rem}.zoo-tour-content{margin:0 auto;max-width:1280px}.zoo-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f172acc;border-radius:.75rem;justify-content:space-between;margin-bottom:.5rem;padding-left:1rem;padding-right:1rem}.zoo-header,.zoo-title{align-items:center;display:flex}.zoo-title{font-size:2rem;font-weight:700}.icon-emerald{color:#10b981}.system-button{align-items:center;border:none;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 2rem;transform:scale(1);transition:all .3s}.system-button:hover{transform:scale(1.05)}.system-stop{background-color:#dc2626}.system-stop:hover{background-color:#b91c1c}.system-start{background-color:#16a34a}.system-start:hover{background-color:#15803d}.status-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:.5rem}.status-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f172acc;border-radius:.75rem;padding:.75rem}.status-label{color:#94a3b8;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.status-value{font-size:1.25rem;font-weight:700}.status-active{color:#4ade80}.status-inactive{color:#ef4444}.status-blue{color:#60a5fa}.main-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:2fr 1fr}.map-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f172acc;border-radius:.75rem;padding:0 1rem 1rem}.map-header{justify-content:space-between;margin-bottom:.25rem}.map-header,.map-title{align-items:center;display:flex}.map-title{font-size:1.5rem;font-weight:700;gap:.5rem}.route-legend{display:flex;font-size:.75rem;gap:.75rem}.legend-item{gap:.375rem}.legend-dot{border-radius:9999px;height:.625rem;width:.625rem}.legend-blue{background-color:#3b82f6}.legend-purple{background-color:#a855f7}.legend-item span{color:#cbd5e1}.map-view{background:linear-gradient(135deg,#065f46,#047857 50%,#059669);border-radius:.75rem;height:550px;overflow:hidden;position:relative}.routes-svg{height:100%;inset:0;position:absolute;width:100%;z-index:1}.zone{position:absolute;transform:translate(-50%,-50%);z-index:2}.zone-content{position:relative}.zone-circle{align-items:center;border:4px solid #fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;height:3rem;justify-content:center;opacity:.9;transition:transform .3s;width:6rem}.zone-content:hover .zone-circle{transform:scale(1.1)}.zone-icon{font-size:1.875rem}.zone-label{border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-align:center}.vehicle{cursor:pointer;position:absolute;transform:translate(-50%,-50%);transition:all .3s;z-index:10}.vehicle-selected{z-index:30}.vehicle-wrapper{position:relative}.vehicle-dot{border-radius:50%;box-shadow:0 4px 8px #00000080;height:24px;transition:all .3s;width:24px}.vehicle-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.vehicle-scale{transform:scale(1.5)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.vehicle-label{background-color:#0f172a;border-radius:.5rem;color:#fff;font-size:.75rem;font-weight:700;left:50%;padding:.25rem .75rem;position:absolute;top:-2.5rem;transform:translateX(-50%);white-space:nowrap}.vehicle-label-selected{background-color:#facc15;border-color:#ca8a04;color:#000}.vehicle-stopped-badge{background-color:#dc2626;border-radius:.25rem;bottom:-2rem;color:#fff;font-size:.75rem;font-weight:700;left:50%;padding:.125rem .5rem;position:absolute;transform:translateX(-50%)}.controls-panel{display:flex;flex-direction:column;gap:.75rem}.vehicle-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f172acc;border-radius:.75rem;cursor:pointer;padding:1rem;transition:all .3s}.vehicle-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.vehicle-info{align-items:center;display:flex;gap:.5rem}.vehicle-color-dot{border-radius:9999px;height:1rem;width:1rem}.vehicle-name{font-size:1rem;font-weight:700}.vehicle-status{font-size:.75rem;font-weight:600}.vehicle-status-normal{color:#4ade80}.vehicle-status-warning{color:#facc15}.vehicle-status-stopped{color:#ef4444}.toggle-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.toggle-stop{background-color:#dc2626}.toggle-stop:hover{background-color:#b91c1c}.toggle-start{background-color:#16a34a}.toggle-start:hover{background-color:#15803d}.toggle-button:disabled{cursor:not-allowed;opacity:.5}.vehicle-details{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.detail-row{display:flex;justify-content:space-between}.detail-label{color:#94a3b8}.detail-value{font-weight:700}.route-selector{padding-top:.5rem}.route-label{color:#94a3b8;display:block;font-size:.75rem;font-weight:600;margin-bottom:.375rem}.route-select{background-color:#334155;border:1px solid #475569;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem .75rem;width:100%}.route-select:disabled{cursor:not-allowed;opacity:.5}.route-warning{color:#facc15;font-size:.75rem;margin-top:.25rem}.alert-icon{color:#ef4444;flex-shrink:0}.alert-title{color:#ef4444;font-size:1.125rem;font-weight:700}.alert-message{color:#cbd5e1;font-size:.875rem}.game-container{min-height:100vh;padding:1.5rem}.game-wrapper{margin:0 auto;max-width:32rem}.header{margin-bottom:2rem;text-align:center}.title{align-items:center;color:#374151;display:flex;font-size:2.25rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.subtitle{color:#6b7280}.game-card{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.win-section{text-align:center}.win-title{color:#16a34a;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.win-text{color:#6b7280;margin-bottom:1rem}.target-number{color:#7c3aed;font-size:1.5rem;font-weight:700}.new-game-button{align-items:center;background-color:#7c3aed;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;transition:background-color .2s}.new-game-button:hover{background-color:#6d28d9}.input-section{margin-bottom:1.5rem}.input-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.input-group{display:flex;gap:.75rem}.number-input{border:2px solid #d1d5db;border-radius:.75rem;flex:1 1;font-size:1.125rem;font-weight:600;padding:.75rem 1rem;transition:border-color .2s,background-color .2s}.number-input:focus{border-color:#a855f7;outline:none}.number-input.input-error{background-color:#fef2f2;border-color:#fca5a5}.guess-button{background-color:#7c3aed;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:background-color .2s}.guess-button:hover:not(:disabled){background-color:#6d28d9}.guess-button:disabled{background-color:#9ca3af;cursor:not-allowed}.error-message{align-items:center;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.stat-card{background-color:#faf5ff;border-radius:.75rem;padding:1rem}.stat-value{color:#7c3aed;font-size:1.5rem;font-weight:700;text-align:center}.stat-label{color:#6b7280;font-size:.875rem;text-align:center}.legend-title{color:#374151;font-weight:700;margin-bottom:1rem;margin-top:-5px}.legend-grid{display:flex;flex-direction:column;font-size:.875rem;gap:.75rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:.25rem;height:1rem;width:1rem}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.history-title{color:#374151;font-weight:700}.reset-button{align-items:center;background:none;border:none;color:#7c3aed;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;transition:color .2s}.reset-button:hover{color:#6d28d9}.guess-list{display:flex;flex-direction:column;gap:.5rem;max-height:15rem;overflow-y:auto}.guess-item{border-radius:.75rem;color:#fff;font-weight:600;justify-content:space-between;padding:1rem;transform:scale(1);transition:transform .3s}.guess-content,.guess-item{align-items:center;display:flex}.guess-content{gap:.75rem}.guess-number{font-size:1.5rem}.guess-text{font-size:.875rem;opacity:.9}.guess-distance{font-size:.875rem;opacity:.75}.perfect-match{background-color:#e33112}.very-close{background-color:#e39312}.close{background-color:#ffdf29}.warm{background-color:#14ba54}.cool{background-color:#143eba}.cold{background-color:#a78bfa}
/*# sourceMappingURL=main.45ac75e1.css.map*/