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}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#00d4aa;--secondary-color:#1a1a2e;--accent-color:#ff6b6b;--text-primary:#fff;--text-secondary:#b8b8b8;--bg-primary:#0f0f23;--bg-secondary:#16213e;--bg-card:#1a1a2e;--gradient-primary:linear-gradient(135deg,#00d4aa,#007991);--shadow-primary:0 10px 40px #00d4aa4d;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:#0f0f23;color:#fff;color:var(--text-primary);cursor:none;font-family:var(--font-secondary);font-weight:400;letter-spacing:.3px;line-height:1.7}.App,body{position:relative}.App{min-height:100vh}.container{margin:0 auto;max-width:1300px;padding:0 2rem;width:100%}section{padding:5rem 0;position:relative;z-index:1}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#007991);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#b8b8b8;color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.accent{color:#00d4aa;color:var(--primary-color)}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-family:var(--font-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.8rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#00d4aa,#007991);background:var(--gradient-primary);box-shadow:0 10px 40px #00d4aa4d;box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{box-shadow:0 15px 50px #00d4aa66;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #00d4aa;border:2px solid var(--primary-color);color:#00d4aa;color:var(--primary-color)}.btn-secondary:hover{background:#00d4aa;background:var(--primary-color);color:#fff;transform:translateY(-3px)}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading i{color:#00d4aa;color:var(--primary-color);font-size:2rem}.loading p{color:#b8b8b8;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){section{padding:3rem 0}.container{padding:0 1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}body{cursor:auto}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:var(--transition);width:100%;z-index:100}.navbar.scrolled{background:#0f0f23fa;box-shadow:0 5px 20px #0000004d}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px;padding:1rem 2rem}.nav-logo{color:var(--text-primary);cursor:pointer;flex-shrink:0;font-family:var(--font-primary);font-size:1.8rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.logo-accent{color:var(--primary-color);font-size:2rem}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:0;padding:0}.nav-item{flex-shrink:0}.nav-link{color:var(--text-secondary);display:inline-block;font-family:var(--font-primary);font-size:1rem;font-weight:500;letter-spacing:.3px;padding:.5rem 0;position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}.nav-link:hover{color:var(--primary-color)}.nav-link:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--primary-color)}.nav-link.active:after{width:100%}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.bar{background:var(--text-primary);border-radius:3px;height:3px;transition:var(--transition);width:25px}.hamburger.active .bar:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:768px){.hamburger{display:flex}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;border-top:1px solid #ffffff1a;flex-direction:column;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-menu.active{left:0}.nav-item{margin:1rem 0}.nav-link:after{display:none}}.hero{align-items:center;background:#0000;display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative;width:100%}.hero:before{background:radial-gradient(circle at 20% 80%,#00d4aa1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero-container{margin:0 auto;max-width:1300px;padding:0 2rem;position:relative;width:100%;z-index:1}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;width:100%}.hero-text{animation:fadeInUp .8s ease-out .2s forwards;opacity:0}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:1rem}.greeting{color:var(--text-secondary);display:block;font-size:1.2rem;font-weight:400;margin-bottom:.5rem}.name{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{animation:fadeInUp .8s ease-out .6s forwards;color:var(--text-secondary);font-size:1.5rem;margin-bottom:1.5rem;opacity:0}.typing-text{color:var(--primary-color);font-weight:600}.cursor-blink{animation:blink 1s infinite}.hero-description{animation:fadeInUp .8s ease-out .8s forwards;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;opacity:0}.hero-buttons{animation:fadeInUp .8s ease-out 1s forwards;margin-bottom:2rem}.hero-buttons,.social-links{display:flex;gap:1rem;opacity:0}.social-links{animation:fadeInUp .8s ease-out 1.2s forwards}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:var(--transition);width:50px}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-5px)}.hero-image{align-items:center;animation:fadeInUp .8s ease-out .4s forwards;display:flex;justify-content:center;opacity:0}.image-container{background:#0000;border:5px solid #00d4aa80;border-radius:50%;box-shadow:0 0 60px #00d4aa99,0 0 100px #00d4aa4d;height:400px;overflow:hidden;position:relative;width:400px}.profile-img{background:#0000;filter:brightness(1.1) contrast(1.1);height:100%;object-fit:cover;transition:var(--transition);width:100%}.image-container:before{background:radial-gradient(circle,#0000 30%,#00d4aa1a 100%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.image-container:hover .profile-img{transform:scale(1.1)}.image-glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#00d4aa4d 0,#0000 70%);height:100%;left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.scroll-indicator{animation:fadeIn 1s ease-out 2s forwards;bottom:2rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.scroll-arrow{align-items:center;animation:bounce 2s infinite;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}@media (max-width:768px){.hero{min-height:auto;padding-bottom:2rem;padding-top:100px}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-image{margin-top:1rem;order:-1}.hero-text{order:1}.image-container{height:250px;margin:0 auto;width:250px}.greeting{font-size:1rem}.name{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}.btn,.social-links{justify-content:center}.social-link{font-size:1rem;height:40px;width:40px}.scroll-indicator{display:none}}.about{background:#0000}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.about-text{text-align:left}.about-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-description strong{color:var(--primary-color)}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:var(--transition)}.stat-item:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #00d4aa33;transform:translateY(-5px)}.stat-number{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.about-image{align-items:center;display:flex;justify-content:center}.im.about-image{background:#0000;margin:0 auto;max-width:400px;position:relative;width:100%}.about-image img{background:#0000;box-shadow:0 20px 60px #00d4aa66;filter:brightness(1.1) contrast(1.1)}.about-image img,.image-frame{border-radius:var(--border-radius);transition:var(--transition);width:100%}.image-frame{border:3px solid #00d4aa4d;box-shadow:0 20px 60px #0000004d;height:500px;overflow:hidden;position:relative}.image-frame:hover{box-shadow:0 30px 80px #00d4aa4d;transform:translateY(-10px)}.image-frame img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.image-frame:hover img{transform:scale(1.05)}@media (max-width:768px){.about-content{gap:2rem;grid-template-columns:1fr}.about-content,.about-text{text-align:center}.about-stats{gap:1rem;grid-template-columns:1fr}.about-description{font-size:1rem}.image-frame{height:400px;max-width:350px;width:100%}.btn,.image-frame{margin:0 auto}}.skills{background:#0000}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.skill-category{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:var(--border-radius);padding:2rem;transition:var(--transition)}.skill-category:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #00d4aa33;transform:translateY(-5px)}.category-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.category-header i{color:var(--primary-color);font-size:2rem}.category-header h3{color:var(--text-primary);font-size:1.5rem}.skills-list{gap:1.5rem}.skill-item,.skills-list{display:flex;flex-direction:column}.skill-item{gap:.5rem}.skill-info{align-items:center;display:flex;justify-content:space-between}.skill-name{color:var(--text-primary);font-size:1rem;font-weight:500}.skill-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.skill-progress{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width 1.5s ease-out;width:0}.skill-percentage{color:var(--primary-color);font-size:.9rem;font-weight:600}@media (max-width:768px){.skills-grid{gap:2rem;grid-template-columns:1fr}.skill-category{padding:1.5rem}.category-header{font-size:1.2rem}.category-header i{font-size:1.5rem}}.projects{background:#0000}.section-header{position:relative}.add-project-btn{align-items:center;display:inline-flex;gap:.5rem;margin-top:1rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.project-card{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;transition:var(--transition)}.project-card:hover{border-color:var(--primary-color);box-shadow:0 20px 60px #00d4aa4d;transform:translateY(-10px)}.project-image{height:250px;overflow:hidden;position:relative;width:100%}.project-image img{object-fit:cover}.project-image img,.project-overlay{height:100%;transition:var(--transition);width:100%}.project-overlay{align-items:center;background:#000c;display:flex;justify-content:center;left:0;opacity:0;position:absolute;top:0}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image img{transform:scale(1.1)}.project-links{display:flex;gap:1rem}.project-link{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:var(--transition);width:50px}.project-link:hover{background:#fff;color:var(--primary-color);transform:scale(1.1)}.project-content{padding:1.5rem}.project-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#00d4aa1a;border:1px solid #00d4aa4d;border-radius:20px;color:var(--primary-color);font-size:.85rem;padding:.3rem .8rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-image{height:200px}}.add-project-modal{align-items:center;animation:fadeIn .3s ease-out;display:flex;height:calc(100% - 70px);justify-content:center;left:0;position:fixed;top:70px;width:100%;z-index:10000}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{animation:slideUp .3s ease-out;background:var(--bg-card);border:1px solid #00d4aa4d;border-radius:var(--border-radius);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90%;z-index:10001}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:var(--text-primary);font-size:1.8rem;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:var(--transition);width:40px}.close-btn:hover{background:#ff6b6b33;color:#ff6b6b}.add-project-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border-radius:8px;padding:.8rem 1rem}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #00d4aa1a}.form-group textarea{min-height:100px}.form-group small{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.3rem}.image-upload-container{display:flex;flex-direction:column;gap:1rem}.image-upload-container input[type=file]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:var(--transition)}.image-upload-container input[type=file]:focus{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4aa1a;outline:none}.image-preview{border:2px solid #ffffff1a;border-radius:8px;max-width:200px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.form-actions .btn{align-items:center;display:flex;gap:.5rem;padding:.8rem 1.5rem}.notification{animation:slideUp .3s ease-out;border-radius:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10002}.notification.success{color:#00d4aa}.notification.error{color:#ff6b6b}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.modal-content::-webkit-scrollbar-thumb{background:#00d4aa4d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00d4aa80}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.5rem}.add-project-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}.contact{background:#0000;position:relative}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius);display:flex;gap:1.5rem;padding:1.5rem;transition:var(--transition)}.contact-item:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #00d4aa33;transform:translateX(10px)}.contact-icon{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.contact-details h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.3rem}.contact-details p{color:var(--text-secondary);font-size:.95rem}.contact-info .social-links{display:flex;gap:1rem;margin-top:1rem}.contact-form{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:var(--border-radius);padding:2rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:var(--primary-color);outline:none}.form-group label{color:var(--text-secondary);font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:1rem;transition:var(--transition)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{background:var(--bg-card);color:var(--primary-color);font-size:.85rem;left:.5rem;padding:0 .5rem;top:-.5rem}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:var(--transition);width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 15px 50px #00d4aa66;transform:translateY(-3px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.notification{align-items:center;animation:slideInRight .3s ease-out;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:var(--border-radius);bottom:2rem;box-shadow:0 10px 40px #0000004d;display:flex;gap:1rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.notification.success{border-color:#00d4aa}.notification.error{border-color:#ff6b6b}.notification i{font-size:1.5rem}.notification.success i{color:#00d4aa}.notification.error i{color:#ff6b6b}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form{padding:1.5rem}.notification{bottom:1rem;left:1rem;right:1rem}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16213e80;border-top:1px solid #ffffff1a;padding:3rem 0 1rem;position:relative;z-index:10}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-brand{max-width:400px}.footer-logo{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.footer-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.footer-contact h4,.footer-links h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color);padding-left:5px}.footer-contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.8rem;margin-bottom:1rem}.footer-contact-item i{color:var(--primary-color);font-size:1rem}.footer-bottom{border-top:1px solid #ffffff1a;color:var(--text-secondary);font-size:.9rem;padding-top:2rem;text-align:center}.footer-bottom p{margin:.5rem 0}.footer-bottom i{animation:pulse 2s infinite;color:#ff6b6b}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}.footer-links a:hover{padding-left:0}}.animated-background{background:#0000;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.floating-circle{animation:float 20s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;filter:blur(40px);opacity:.6;position:absolute;will-change:transform}.circle-1{animation-delay:0s;animation-duration:25s;background:radial-gradient(circle,#00d4aa66 0,#00d4aa1a 70%);height:300px;left:10%;top:10%;width:300px}.circle-2{animation-delay:-5s;animation-duration:20s;background:radial-gradient(circle,#ff6b6b4d 0,#ff6b6b1a 70%);height:200px;right:15%;top:60%;width:200px}.circle-3{animation-delay:-10s;animation-duration:30s;background:radial-gradient(circle,#00799166 0,#0079911a 70%);bottom:20%;height:250px;left:20%;width:250px}.circle-4{animation-delay:-15s;animation-duration:22s;background:radial-gradient(circle,#8a2be24d 0,#8a2be21a 70%);height:180px;right:30%;top:30%;width:180px}.circle-5{animation-delay:-8s;animation-duration:28s;background:radial-gradient(circle,#00d4aa33 0,#00d4aa0d 70%);height:320px;left:60%;top:70%;width:320px}.circle-6{animation-delay:-12s;animation-duration:18s;background:radial-gradient(circle,#ff6b6b66 0,#ff6b6b1a 70%);height:150px;right:5%;top:5%;width:150px}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) translateX(20px) rotate(90deg) scale(1.1)}50%{transform:translateY(-10px) translateX(-15px) rotate(180deg) scale(.9)}75%{transform:translateY(-40px) translateX(25px) rotate(270deg) scale(1.05)}}.solar-system{display:block!important;height:100vh;max-height:none;max-width:none;opacity:1!important;pointer-events:none;position:fixed;visibility:visible!important;width:100vw;z-index:0}.solar-system,.sun{left:50%;top:50%;transform:translate(-50%,-50%)}.sun{align-items:center;animation:sunPulse 3s ease-in-out infinite;background:radial-gradient(circle,#00d4aa 0,#00d4aacc 50%,#00d4aa66 100%);border:3px solid #00d4aacc;border-radius:50%;box-shadow:0 0 100px #00d4aa,0 0 150px #00d4aacc,0 0 200px #00d4aa80;display:flex!important;height:100px;justify-content:center;pointer-events:auto;position:absolute;width:100px;z-index:10}.sun i{color:#fff;font-size:2rem}@keyframes sunPulse{0%,to{box-shadow:0 0 60px #00d4aa99;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 80px #00d4aacc;transform:translate(-50%,-50%) scale(1.1)}}.orbit{animation:rotateOrbit linear infinite;border:2px solid #00d4aa40;border-radius:50%;box-shadow:0 0 10px #00d4aa33;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-1{animation-duration:10s;height:200px;width:200px}.orbit-2{animation-duration:15s;height:280px;width:280px}.orbit-3{animation-duration:20s;height:360px;width:360px}.orbit-4{animation-duration:25s;height:440px;width:440px}.orbit-5{animation-duration:30s;height:520px;width:520px}.orbit-6{animation-duration:35s;height:600px;width:600px}.orbit-7{animation-duration:40s;height:680px;width:680px}.orbit-8{animation-duration:45s;height:760px;width:760px}@keyframes rotateOrbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.planet{align-items:center;animation:planetFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;box-shadow:0 5px 20px #00d4aa4d;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:all .3s ease;width:50px}.planet:hover{box-shadow:0 10px 40px #00d4aa99;transform:translateX(-50%) scale(1.3);z-index:100}.planet img{display:block!important;filter:drop-shadow(0 5px 15px rgba(0,212,170,.8)) brightness(1.5) contrast(1.2);height:45px;object-fit:contain;opacity:1!important;visibility:visible!important;width:45px}@keyframes planetFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.planet-react{background:#61dafb80;border-color:#61dafbcc;box-shadow:0 0 30px #61dafbcc!important}.planet-mongodb{background:#47a24880;border-color:#47a248cc;box-shadow:0 0 30px #47a248cc!important}.planet-nodejs{background:#68a06380;border-color:#68a063cc;box-shadow:0 0 30px #68a063cc!important}.planet-tailwind{background:#38bdf899;border-color:#38bdf8;box-shadow:0 0 40px #38bdf8!important}.planet-tailwind img{filter:drop-shadow(0 5px 15px rgba(56,189,248,1)) brightness(1.8) contrast(1.5)!important}.planet-html{background:#e34f2680;border-color:#e34f26cc;box-shadow:0 0 30px #e34f26cc!important}.planet-css{background:#1572b680;border-color:#1572b6cc;box-shadow:0 0 30px #1572b6cc!important}.planet-javascript{background:#f0db4f80;border-color:#f0db4fcc;box-shadow:0 0 30px #f0db4fcc!important}.planet-express{background:#ffffff80;border-color:#fffc;box-shadow:0 0 30px #fffc!important}@media (max-width:768px){.solar-system{max-height:600px;max-width:600px}.sun{height:50px;width:50px}.sun i{font-size:1.5rem}.orbit-1{height:120px;width:120px}.orbit-2{height:160px;width:160px}.orbit-3{height:200px;width:200px}.orbit-4{height:240px;width:240px}.orbit-5{height:280px;width:280px}.orbit-6{height:320px;width:320px}.orbit-7{height:360px;width:360px}.orbit-8{height:400px;width:400px}.planet{height:35px;width:35px}.planet img{height:25px;width:25px}}.cursor-dot{background:var(--primary-color);border-radius:50%;height:8px;transition:transform .1s ease;width:8px;z-index:10000}.cursor-dot,.cursor-outline{left:0;pointer-events:none;position:fixed;top:0}.cursor-outline{border:2px solid #00d4aa80;border-radius:50%;height:30px;transition:all .15s ease;width:30px;z-index:9999}.cursor-dot,.cursor-outline{transform:translate(-50%,-50%)}@media (max-width:768px){.cursor-dot,.cursor-outline{display:none}}.scroll-top-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:50%;bottom:30px;box-shadow:0 5px 20px #00d4aa66;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:var(--transition);visibility:hidden;width:50px;z-index:999}.scroll-top-btn.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-top-btn:hover{box-shadow:0 10px 30px #00d4aa80;transform:translateY(-5px)}@media (max-width:768px){.scroll-top-btn{bottom:20px;font-size:1rem;height:45px;right:20px;width:45px}}
/*# sourceMappingURL=main.ca36e761.css.map*/