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}.app-container{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;font-family:Arial,sans-serif;margin:0;min-height:100vh;overflow:visible}.main-content{align-items:center;background-color:#0f172acc;display:flex;flex:1 1;justify-content:center;min-width:0;padding:32px}.project-container{max-width:800px;position:relative;width:100%}.project-card{background-color:#1e293be6;border:1px solid #334155;border-radius:16px;flex-direction:column;min-height:500px;padding:40px;text-align:center}.project-card,.project-image{display:flex;justify-content:center}.project-image{align-items:center;height:300px;margin:0 auto 24px;max-width:300px;overflow:visible;position:relative;transition:all .3s ease}.project-image,.project-img{border-radius:12px;width:100%}.project-img{height:200px;object-fit:cover;transition:opacity .3s ease}.mobile-frame{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:20px;box-shadow:0 0 0 2px #333,0 8px 20px #0000004d,inset 0 1px 0 #ffffff1a;height:280px;margin:0 auto;padding:8px;position:relative;width:160px}.mobile-frame:before{background:#444;border-radius:2px;height:4px;top:15px;width:40px}.mobile-frame:after,.mobile-frame:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.mobile-frame:after{background:#333;border-radius:50%;height:8px;top:25px;width:8px}.mobile-screen{background:#000;border-radius:12px;height:220px;margin-top:25px;overflow:hidden;position:relative;width:100%}.mobile-game-img{object-fit:cover}.mobile-game-img,.mobile-placeholder{border-radius:12px;height:100%;width:100%}.mobile-placeholder{align-items:center;background:linear-gradient(45deg,#2a4365,#3182ce);color:#fff;display:flex;font-size:10px;justify-content:center;padding:8px;text-align:center}.mobile-home-button{background:linear-gradient(145deg,#333,#222);border-radius:50%;box-shadow:inset 0 2px 4px #0003,0 1px 2px #ffffff1a;height:35px;margin:8px auto 0;width:35px}.image-placeholder{align-items:center;background-color:#475569;border-radius:12px;color:#cbd5e1;display:none;font-size:14px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.project-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:16px}.project-description{color:#cbd5e1;font-size:16px;line-height:1.6;margin-bottom:32px}.button-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.link-button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.link-button:hover{transform:translateY(-2px)}.ios-button{background-color:#3b82f6}.ios-button:hover{background-color:#2563eb}.android-button{background-color:#10b981}.android-button:hover{background-color:#059669}.demo-button{background-color:#3b82f6}.demo-button:hover{background-color:#2563eb}.github-button{background-color:#374151}.github-button:hover{background-color:#1f2937}.nav-button{align-items:center;background-color:#1e293be6;border:1px solid #334155;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px}.nav-button:hover{background-color:#334155e6}.prev-button{left:-24px}.next-button{right:-24px}.indicator-container{display:flex;gap:8px;justify-content:center;margin-top:24px}.indicator-dot{background-color:#475569;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.indicator-dot:hover{transform:scale(1.2)}.indicator-dot.active{background-color:#3b82f6;transform:scale(1.3)}.features-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.feature-tag{background-color:#3b82f633;border:1px solid #3b82f64d;border-radius:16px;color:#60a5fa;font-size:12px;padding:6px 12px}.sidebar{background-color:#1e293b;border-left:1px solid #334155;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;height:auto!important;min-height:100vh;min-width:320px;overflow-x:hidden;overflow-y:visible!important;padding:32px;width:320px}.about-section{border-bottom:2px solid #ffffff1a;border-top:2px solid #ffffff1a;margin:1.5rem 0;padding:1.5rem 0}.about-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center;text-shadow:1px 1px 2px #0000004d}.about-text{color:#ffffffe6;font-size:.95rem;font-weight:300;line-height:1.6;margin-bottom:1rem;text-align:justify}.about-text:last-child{margin-bottom:0}.about-section:hover .about-text{color:#fff;transition:color .3s ease}.profile-photo{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;height:192px;justify-content:center;margin:0 auto 32px;padding:4px;position:relative;width:192px}.profile-img{object-fit:cover}.profile-img,.profile-placeholder{border-radius:50%;height:100%;width:100%}.profile-placeholder{align-items:center;background-color:#e2e8f0;color:#475569;display:none;font-size:18px;font-weight:500;justify-content:center}.profile-info{margin-bottom:32px}.profile-name{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.profile-title{color:#60a5fa;font-size:18px;font-weight:500;text-align:center}.contact-links{display:flex;flex-direction:column;gap:16px}.contact-link{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .3s ease}.contact-link:hover{background-color:#33415580;color:#60a5fa}.contact-icon{height:20px;width:20px}.contact-text{font-size:14px}body,html{margin:0;overflow-x:hidden;padding:0}@media (max-width:1024px){.app-container{flex-direction:column}.sidebar{height:auto;min-height:auto;order:-1;width:100%}.main-content{padding:16px}.project-card{min-height:400px;padding:24px}.project-title{font-size:24px}.prev-button{left:-16px}.next-button{right:-16px}}@media (max-width:768px){.button-container{align-items:center;flex-direction:column}.link-button{justify-content:center;width:200px}.project-image{height:250px;max-width:250px}.mobile-frame{height:210px;width:120px}.mobile-screen{height:160px;margin-top:20px}.mobile-placeholder{font-size:8px}.nav-button{height:40px;width:40px}.about-section{margin:1rem 0;padding:1rem 0}.about-title{font-size:1.2rem}.about-text{font-size:.9rem;text-align:left}}.project-details-section{background:linear-gradient(135deg,#1e293b,#0f172a 50%,#1e293b);min-height:100vh;padding:80px 20px}.details-container{margin:0 auto;max-width:1400px}.details-header{margin-bottom:60px;text-align:center}.details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:16px}.details-subtitle{color:#cbd5e1;font-size:1.1rem;margin:0 auto;max-width:500px}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:40px}.project-detail-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293bcc;border:1px solid #33415580;border-radius:20px;display:flex;flex-direction:column;padding:30px;text-align:center;transition:all .3s ease}.project-detail-card:hover{border-color:#60a5fa99;box-shadow:0 15px 35px #0000004d;transform:translateY(-8px)}.project-detail-image{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.detail-mobile-frame{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:20px;box-shadow:0 8px 25px #0006;height:250px;padding:8px;position:relative;width:140px}.detail-mobile-frame:before{background:#444;border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:15px;transform:translateX(-50%);width:35px}.detail-mobile-screen{background:#000;border-radius:12px;height:200px;margin-top:20px;overflow:hidden;width:100%}.detail-mobile-img{border-radius:12px;height:100%;object-fit:cover;width:100%}.detail-mobile-home{background:linear-gradient(145deg,#333,#222);border-radius:50%;box-shadow:inset 0 2px 4px #0003;height:30px;margin:10px auto 0;width:30px}.project-detail-img{border-radius:12px;box-shadow:0 8px 25px #0000004d;height:180px;object-fit:cover;width:280px}.project-detail-info{color:#fff;width:100%}.project-type-badge{background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:16px;color:#60a5fa;display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:16px;padding:6px 14px}.project-detail-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:12px}.project-detail-description{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin-bottom:20px}.tech-stack{margin-bottom:20px}.tech-title{color:#e2e8f0;font-size:.9rem;font-weight:600;margin-bottom:10px}.tech-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tech-tag{background:#a78bfa33;border:1px solid #a78bfa4d;border-radius:12px;color:#a78bfa;font-size:.8rem;padding:4px 10px}.project-detail-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.detail-link{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.detail-link.ios-link{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa}.detail-link.android-link{background:#10b98133;border-color:#10b9814d;color:#10b981}.detail-link.demo-link{background:#8b5cf633;border-color:#8b5cf64d;color:#8b5cf6}.detail-link.github-link{background:#6b728033;border-color:#6b72804d;color:#9ca3af}.detail-link:hover{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.project-features{background:#0f172a80;border:1px solid #33415580;border-radius:10px;padding:16px;text-align:left}.features-title{color:#e2e8f0;font-size:.9rem;font-weight:600;margin-bottom:10px;text-align:center}.features-list{list-style:none;margin:0;padding:0}.feature-item{color:#cbd5e1;font-size:.85rem;margin-bottom:6px}@media (max-width:1024px){.projects-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.details-title{font-size:2rem}}@media (max-width:768px){.project-details-section{padding:60px 15px}.projects-grid{gap:25px;grid-template-columns:1fr}.project-detail-card{padding:20px}.detail-mobile-frame{height:210px;width:120px}.detail-mobile-screen{height:160px}.project-detail-img{height:150px;width:240px}.details-title{font-size:1.8rem}}@media (max-width:480px){.project-detail-links{align-items:center;flex-direction:column}.detail-link{justify-content:center;width:180px}}
/*# sourceMappingURL=main.5886aa12.css.map*/