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;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:clamp(1.8rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.2rem,3vw,1.5rem)}p{font-size:clamp(.9rem,2.5vw,1.1rem)}button{font-size:clamp(.9rem,2.5vw,1rem)}img{height:auto;max-width:100%}@media (max-width:480px){body{font-size:14px}}@media (min-width:481px) and (max-width:768px){body{font-size:16px}}@media (min-width:769px){body{font-size:18px}}*,body{box-sizing:border-box}body{margin:0}.App{position:relative}.portfolio_page{display:flex;flex-direction:column;margin:0;min-height:100vh}@media (max-width:768px){.portfolio_page{padding:0 10px}}@media (min-width:769px) and (max-width:1024px){.portfolio_page{padding:0 20px}}@media (min-width:1025px){.portfolio_page{padding:0 40px}}.back-home-btn:hover{background-color:#0077be!important;color:#fff!important}@media (max-width:480px){button[style*="position: fixed"]{height:50px!important;width:50px!important}button[style*="position: fixed"] svg{height:20px!important;width:20px!important}}@media (max-width:768px){div[style*="position: fixed"][style*="z-index: 2000"]{padding:10px!important}div[style*="background-color: white"]{margin:10px!important;max-width:calc(100vw - 20px)!important;padding:16px!important}input[style*="padding: 12px"],textarea[style*="padding: 12px"]{font-size:16px!important;padding:10px!important}button[style*="padding: 12px 24px"]{font-size:14px!important;min-width:100px!important;padding:10px 16px!important}.close-btn{font-size:20px!important;height:28px!important;right:8px!important;top:8px!important;width:28px!important}}body{transition:background .3s ease,color .3s ease}body.light-mode{--timeline-bg:#f0f8ff;--timeline-text:#333;--timeline-secondary-text:#555;background:linear-gradient(180deg,#87ceeb,#b0e0e6 30%,#afeeee 70%,#4682b4);color:#1a252f;min-height:100vh}body.dark-mode{--timeline-bg:#2d3748e6;--timeline-text:#e9ecef;--timeline-secondary-text:#cbd5e0;background:linear-gradient(180deg,#0c0c1a,#1a1a3a 30%,#2a2a5a 70%,#1a237e);color:#e9ecef;min-height:100vh}a{color:#7b68ee}.App.light-mode a{color:#2e8b57}.App.dark-mode a{color:#b0c4de}.App.dark-mode button{background-color:#333;border:1px solid #555;color:#fff}.App.dark-mode button:hover{background-color:#555}.App.light-mode button{background-color:#f0f0f0;border:1px solid #ccc;color:#000}.App.light-mode button:hover{background-color:#e0e0e0}.dark-mode-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none!important;box-shadow:0 4px 15px #0003;color:#fff!important}.dark-mode-toggle:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.App.dark-mode .dark-mode-toggle{background:linear-gradient(135deg,#fafbfc,#4b58e9)}.App.dark-mode .logo{color:#fff}.App.light-mode .logo{color:#000}.logo{border-radius:10px;box-shadow:0 0 12px blue;box-sizing:border-box;color:#fff;display:inline-block;font-family:Times New Roman,Times,serif;font-size:20px;font-weight:bolder;letter-spacing:2px;margin:10px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.header{align-items:center;height:auto;justify-content:space-between;left:0;min-height:80px;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.header,nav{display:flex}nav{font-size:18px;list-style-type:none;margin:0;padding:0}nav li{margin:0 15px}nav li a{border-radius:5px;color:#fff;display:block;padding:10px 15px;text-decoration:none;transition:all .3s ease}nav li:hover{background-color:#fff}nav li:hover a{color:blue}@media (max-width:768px){.logo{font-size:16px;letter-spacing:1px;margin:5px;padding:6px 12px}.header{flex-wrap:wrap;height:auto;padding:0 10px}nav li{margin:5px 0;text-align:center}nav li a{padding:12px 20px}}@media (min-width:769px) and (max-width:1024px){.logo{font-size:18px;margin:8px;padding:7px 14px}.header{padding:0 15px}nav li{margin:0 10px}nav li a{font-size:16px;padding:8px 12px}}@media (min-width:1025px){.logo{font-size:20px;margin:10px;padding:8px 16px}nav li a{font-size:18px;padding:10px 15px}}.project-detail-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#1a1a2e);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;min-height:100vh;padding:50px 30px;position:relative}.project-detail-container:before{background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#9333ea26 0,#0000 50%),radial-gradient(circle at 40% 40%,#06b6d41a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.project-detail-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:20px;position:relative;text-align:center;text-shadow:0 4px 8px #0006;z-index:2}.project-detail-container>p{color:#cbd5e1;font-size:1.4rem;line-height:1.8;margin-left:auto;margin-right:auto;max-width:900px;opacity:.9;text-align:center}.project-detail-container>p,.project-stats{margin-bottom:50px;position:relative;z-index:2}.project-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;font-weight:600;gap:12px;overflow:hidden;padding:30px 25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.stat-item:hover{border-color:#fff6;box-shadow:0 20px 60px #0006;transform:translateY(-8px) scale(1.02)}.stat-item:hover:before{left:100%}.stat-item strong{color:#94a3b8;font-size:.85rem;letter-spacing:2px;opacity:.7;text-transform:uppercase}.stat-item span{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}.project-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:60px;position:relative;z-index:2}.project-link{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:30px;box-shadow:0 6px 20px #667eea66;color:#fff;font-size:1.1rem;font-weight:700;overflow:hidden;padding:18px 35px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-link:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.project-link:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 15px 40px #667eea99;transform:translateY(-5px) scale(1.05)}.project-link:hover:before{left:100%}.readme-section{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 60px #0003;padding:50px;position:relative;z-index:2}.readme-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin-bottom:30px;position:relative;text-align:center}.readme-section h2:after{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.readme-container{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;box-shadow:inset 0 4px 20px #0000000d;color:#334155;max-height:none;overflow:visible;padding:40px;position:relative}.readme-container pre{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:15px;line-height:1.6;margin:25px 0;overflow-x:auto;padding:25px;position:relative}.readme-container pre:before{background:#ff5f56;border-radius:50%;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27ca3f;content:"";height:12px;left:12px;position:absolute;top:12px;width:12px}.readme-container code{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;color:#dc2626;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:90%;padding:.3em .6em}.readme-container h1,.readme-container h2,.readme-container h3,.readme-container h4,.readme-container h5,.readme-container h6{color:#1e293b;font-weight:700;line-height:1.3;margin-bottom:20px;margin-top:30px;position:relative}.readme-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border-bottom:4px solid #667eea;font-size:2.2em;padding-bottom:.5em}.readme-container h2{border-bottom:3px solid #764ba2;color:#667eea;font-size:1.8em;padding-bottom:.3em}.readme-container h3{color:#764ba2;font-size:1.4em}.readme-container h4{color:#7c3aed;font-size:1.2em}.readme-container h5{color:#a855f7;font-size:1.1em}.readme-container h6{color:#c084fc;font-size:1em}.readme-container p{color:#475569;line-height:1.8;margin-bottom:20px}.readme-container ol,.readme-container ul{margin-bottom:20px;padding-left:2.5em}.readme-container li{line-height:1.6;margin-bottom:10px}.readme-container blockquote{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:5px solid #667eea;border-radius:0 12px 12px 0;color:#64748b;font-style:italic;margin:30px 0;padding:20px 30px;position:relative}.readme-container blockquote:before{color:#667eea;content:'"';font-family:serif;font-size:4rem;left:15px;opacity:.3;position:absolute;top:-10px}.readme-container table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;overflow:hidden;width:100%}.readme-container td,.readme-container th{border:2px solid #e2e8f0;padding:15px 20px}.readme-container th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.readme-container tr:nth-child(2n){background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.readme-container tr:hover{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);transform:scale(1.01);transition:all .2s ease}.error-text,.loading-text,.no-readme-text{font-size:1.3rem;font-weight:600;padding:50px;position:relative;text-align:center;z-index:2}.loading-text{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#e2e8f0}.error-text{background:linear-gradient(135deg,#ef444433,#dc26261a);border:1px solid #ef44444d;border-radius:20px;color:#fca5a5;margin:30px 0}.no-readme-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;color:#64748b;margin:30px 0}.back-link{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border:2px solid #0000;border-radius:30px;box-shadow:0 6px 20px #ff6b6b66;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:50px;overflow:hidden;padding:18px 35px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:2}.back-link:before{content:"← ";font-size:1.2rem;font-weight:900;margin-right:10px}.back-link:hover{background:linear-gradient(135deg,#4ecdc4,#ff6b6b);box-shadow:0 15px 40px #ff6b6b99;transform:translateY(-5px) scale(1.05)}@media (max-width:768px){.project-detail-container{padding:30px 20px}.project-detail-container h1{font-size:2.8rem}.project-detail-container>p{font-size:1.2rem}.project-stats{gap:20px;grid-template-columns:1fr}.project-links{align-items:center;flex-direction:column}.readme-section{padding:30px}.readme-container{padding:25px}.readme-container pre{font-size:14px;padding:20px}}body.light-mode .resume-root{color:#111;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:18px}body.light-mode .resume-content{background:#fff;border-radius:6px;box-shadow:0 4px 10px #0000000f;color:#111;padding:16px}body.dark-mode .resume-root{color:#e9ecef;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:18px}body.dark-mode .resume-content{background:#212529f2;border-radius:6px;box-shadow:0 4px 10px #0000004d;color:#e9ecef;padding:16px}.resume-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.resume-content h1{font-size:22px;margin:0 0 6px}.resume-content h2{font-size:16px;margin-top:14px}.resume-content h3{font-size:14px;margin:8px 0 4px}.resume-content li,.resume-content p{font-size:13px;line-height:1.3}.resume-content ul{margin-left:18px}@media print{.resume-actions{display:none}.resume-root{padding:0}}
/*# sourceMappingURL=main.b39f664a.css.map*/