body{margin:0;background-color:#121212;color:#e0e0e0}*{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal}.app{display:flex;flex-direction:column;height:100vh;position:relative}.content{flex:1;padding:20px;position:relative}.content-wrapper{position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);overflow-y:auto;padding-right:20px;box-sizing:border-box}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .5s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s ease-in}.warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}.warning-modal{background:#111c;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 20px #8b5cf633;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:30px;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;text-align:left;animation:slideIn .3s ease-out}@media (max-width: 600px){.warning-modal{padding:20px;width:95%}.warning-header h2{font-size:20px}.warning-body p{font-size:14px;margin-bottom:16px}.warning-btn{width:100%;padding:12px}}.warning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(139,92,246,.2);padding-bottom:15px}.warning-header h2{color:#a78bfa;margin:0;font-size:24px}.warning-body p{color:#e5e7eb;line-height:1.6;font-size:16px;margin-bottom:24px}.warning-footer{display:flex;justify-content:flex-end}.warning-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a;white-space:nowrap;min-width:140px;display:flex;justify-content:center;align-items:center}.warning-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #7c3aed4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{position:fixed;top:1%;left:50%;transform:translate(-50%);background-color:#333;padding:20px 40px;border-radius:30px;box-shadow:0 6px 14px #0009;z-index:1000;overflow-x:auto;overflow-y:hidden;white-space:nowrap;max-width:100%;box-sizing:border-box;opacity:1;transition:opacity .3s ease}.navbar:hover,.navbar:active{opacity:1}.navbar ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;width:auto;min-width:100%}.navbar li{margin:0 25px}.navbar a{color:#fff;text-decoration:none;font-weight:700;padding:15px 24px;border-radius:20px;transition:background-color .3s ease,transform .3s ease,text-shadow .3s ease,box-shadow .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.navbar a:hover{background-color:#8c6aff;transform:scale(1.1);text-shadow:2px 2px 6px rgba(0,0,0,.7);box-shadow:0 4px 8px #00000080}.navbar a:active{transform:scale(1.05);background-color:#444}@media (max-width: 768px){.navbar{padding:15px 25px;max-width:100%;opacity:1}.navbar ul{padding:0 10px;min-width:auto}.navbar li{margin:0 15px}.navbar a{padding:10px 16px;font-size:1em}.navbar a:hover{transform:scale(1.05)}.navbar:active{opacity:1}}.loader{position:absolute;top:30%;right:10%;transform:translateY(-50%);height:10rem;width:10rem;display:flex;justify-content:center;align-items:center;background-color:transparent}@media (max-width: 1192px){.loader{display:none}}.react-star{position:relative;width:15rem;display:flex;justify-content:center;align-items:center;height:15rem;animation:rotate 3s infinite}.nucleus{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(#0738e8,#0ff);height:2rem;width:2rem;animation:rotate 1s linear infinite}.electron{position:absolute;width:15rem;height:6rem;border-radius:50%;border:.3rem solid #00ffff;animation:revolve 1s linear infinite}.electron1:before,.electron2:before,.electron3:before{content:"";position:absolute;top:60%;left:100%;transform:translate(-50%,-50%);width:1rem;height:1rem;background-color:#0ff;border-radius:50%;animation:moveElectron 1s infinite}.electron2{transform:rotate(60deg);animation-delay:-.66s}.electron2:before{animation-delay:-.66s}.electron3{transform:rotate(-60deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg) scale3d(1.1,1.1,0)}}@keyframes revolve{0%{border-color:#00ffff9c;border-right:transparent}25%{border-color:#00ffff9c;border-bottom-color:transparent}50%{border-color:#00ffff9c;border-left-color:transparent}75%{border-color:#00ffff9c;border-top-color:transparent}to{border-color:#00ffff9c;border-right-color:transparent}}@keyframes moveElectron{0%{top:60%;left:100%}25%{top:100%;left:60%}50%{top:60%;left:0%}75%{top:0%;left:60%}to{top:60%;left:100%}}.slogan-container{display:flex;justify-content:center;align-items:center}.slogan-text{font-family:Montserrat,sans-serif;font-size:2.5rem;text-align:center;color:#fff;text-shadow:2px 4px 10px rgba(0,0,0,.7);background:linear-gradient(135deg,#8c6aff,#6d43fa);background-size:200%;background-position:left;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:20px;border-radius:10px;transition:background-position 2s ease-in-out,transform .3s ease-in-out}.slogan-text:hover{background-position:right;transform:scale(1.05)}.home{padding:50px;border-radius:8px;text-align:left}.home h1{color:#999;font-size:24px;margin-bottom:8px}.home h2{color:#8c6aff;font-size:36px;margin-bottom:8px}.home h3{color:#fff;font-size:24px;margin-bottom:32px}.home h4{color:#c5c5c5;font-size:24px;margin-bottom:8px}.buttons{justify-content:center;gap:40px}.no-underline{text-decoration:none}.center-container{display:flex;justify-content:center;align-items:center}.contact-me-now-btn{background-color:#8c6aff;color:#fff;padding:12px 24px;border-radius:25px;text-align:center;font-family:Arial,sans-serif;font-size:16px;font-weight:700;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:inline-block;width:200px}.contact-me-now-btn .text{display:block}.contact-me-now-btn:hover{transform:scale(1.05);box-shadow:0 8px 15px #8c6aff4d}.contact-me-now-btn:active{transform:scale(1.02);box-shadow:0 4px 10px #8c6aff33}@media (max-width: 600px){.contact-me-now-btn{width:160px;padding:10px 20px;font-size:14px}}.about{padding:70px 50px 50px;border-radius:8px;text-align:left}.highlight{color:#a78bfa;font-weight:600}.highlight-blue{color:#60a5fa;font-weight:600}.highlight-green{color:#4ade80;font-weight:600}.highlight-pink{color:#f472b6;font-weight:600}.highlight-orange{color:#fb923c;font-weight:600}.about h2{color:#8c6aff;font-size:32px;margin-bottom:20px}.profile-pic{border-radius:50%;width:150px;height:150px;margin-right:21px;float:left;margin-bottom:21px;animation:bounce 1.5s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.about-text h3{color:#fff;font-size:30px;margin-bottom:16px}.about-text p{color:#ccc;font-size:20px;margin-bottom:20px}.card-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:0;transition:opacity .5s ease-in-out}.card-container.fade-in{opacity:1}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:60px;justify-content:center;margin-top:40px;max-width:90%}.tech-item{display:flex;flex-direction:column;text-align:center;background:#1119;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.2);padding:24px;width:120px;height:120px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-item img{width:40px;height:40px;margin-bottom:10px}.tech-item p{color:#fff;font-size:14px}.tech-item:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#8b5cf699;background:#8b5cf61a}.tech-group{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;width:100%}.tech-group h3{text-align:center;margin:40px 0 20px;font-size:24px;color:#fff}@font-face{font-family:Less Perfect DOS VGA;src:url(https://cdn.shopify.com/s/files/1/0014/1962/files/LessPerfectDOSVGA.woff2) format("woff2"),url(https://cdn.shopify.com/s/files/1/0014/1962/files/LessPerfectDOSVGA.woff) format("woff"),url(https://cdn.shopify.com/s/files/1/0014/1962/files/LessPerfectDOSVGA.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.dos{font-family:Less Perfect DOS VGA,monospace;filter:contrast(1);-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;letter-spacing:1px;line-height:1.05;background:#1c1c1c;padding:.75rem 1.25rem;color:#fff;border-radius:6px;border:6px ridge #F6CA4D}.card-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;z-index:10}.card-container.fade-in{opacity:1;pointer-events:auto}@media (max-width: 768px){.card-container{top:60%}}@media (max-width: 480px){.card-container{top:70%}}.projects{padding:70px 50px 50px;border-radius:8px;text-align:left}.projects h2{color:#8c6aff;font-size:32px;margin-bottom:20px}.projects p{color:#ccc;font-size:16px;margin-bottom:40px}.project-list{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.project-item{background:#1119;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.2);padding:30px;width:300px;min-height:400px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between}.project-item:hover{transform:translateY(-5px);border-color:#8b5cf699;background:#8b5cf60d;box-shadow:0 20px 25px -5px #0000001a}.project-item h3{color:#fff;font-size:24px;margin-bottom:10px}.project-item p{color:#ccc;font-size:16px}.tech-list{list-style-type:disc;padding-left:20px;color:#ccc}.soon-available{color:#ff4d4d;font-size:14px;margin-bottom:20px;text-align:center}button{height:50px;margin:5px;width:120px;background:#333;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Consolas,Courier New,monospace;border:solid #404c5d 1px;font-size:16px;color:#a1a1a1;-webkit-transition:.5s;transition:.5s;border-radius:5px}button:hover{-webkit-transition:.5s;transition:.5s}button:active{-webkit-box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;box-shadow:1px 1px 13px #20232e,-1px -1px 33px #545b78;color:#d6d6d6;-webkit-transition:.1s;transition:.1s}.dashboard-link{text-decoration:none;color:inherit}.project-buttons{display:flex;gap:16px;margin-top:24px}.btn{flex:1;min-width:100px;padding:10px 16px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px #0000001a}.btn-demo{background:linear-gradient(135deg,#6b73ff,#000dff);color:#fff}.btn-code{background:linear-gradient(135deg,#ff758c,#ff7eb3);color:#fff}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.btn:disabled{background:#555;cursor:not-allowed;opacity:.7}.contact{padding:50px;border-radius:8px;text-align:left}.contact h2{color:#8c6aff;font-size:32px;margin-bottom:20px}.contact p{color:#ccc;font-size:16px;margin-bottom:10px}.say-hello{background-color:#8c6aff;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.say-hello:hover{background-color:#6a4acc}.contact-items-warp{display:flex;justify-content:center;gap:100px;flex-wrap:wrap}.light-button button.bt,.light-button-email button.bt-email{position:relative;height:200px;display:flex;align-items:flex-end;outline:none;background:none;border:none;cursor:pointer}.light-button button.bt .button-holder,.light-button-email button.bt-email .button-holder-email{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;width:100px;background-color:#0a0a0a;border-radius:5px;color:#0f0f0f;font-weight:700;transition:.3s;outline:#0f0f0f 2px solid;outline-offset:20px}.light-button button.bt .button-holder svg,.light-button-email button.bt-email .button-holder-email svg{height:50px;fill:#4d4d4d;transition:.3s}.light-button button.bt .light-holder,.light-button-email button.bt-email .light-holder-email{position:absolute;height:200px;width:100px;display:flex;flex-direction:column;align-items:center}.light-button button.bt .light-holder .dot,.light-button-email button.bt-email .light-holder-email .dot-email{position:absolute;top:0;width:10px;height:10px;background-color:#0a0a0a;border-radius:10px;z-index:2}.light-button button.bt .light-holder .light,.light-button-email button.bt-email .light-holder-email .light-email{position:absolute;top:0;width:200px;height:200px;clip-path:polygon(50% 0%,25% 100%,75% 100%);background:transparent}.light-button button.bt:hover .button-holder svg,.light-button-email button.bt-email:hover .button-holder-email svg{fill:#5865f2}.light-button-github button.bt-github:hover .button-holder-github svg{fill:#fff}.light-button button.bt:hover .button-holder,.light-button-email button.bt-email:hover .button-holder-email{color:#5865f2;outline:rgba(88,101,242,1) 2px solid;outline-offset:2px}.light-button-github button.bt-github:hover .button-holder-github{color:#fff;outline:rgb(255,255,255) 2px solid;outline-offset:2px}.light-button button.bt:hover .light-holder .light,.light-button-email button.bt-email:hover .light-holder-email .light-email{background:linear-gradient(180deg,#5865f2,#fff0 75%,#fff0)}.light-button-github button.bt-github:hover .light-holder-github .light-github{background:linear-gradient(180deg,#fff,#fff0 75%,#fff0)}.light-button-email button.bt-email:hover .button-holder-email svg{fill:#f03f3f}.light-button-email button.bt-email:hover .button-holder-email{color:#e44;outline:rgb(241,72,72) 2px solid;outline-offset:2px}.light-button-email button.bt-email:hover .light-holder-email .light-email{background:linear-gradient(180deg,#ec4a4a,#fff0 75%,#fff0)}@media (max-width: 768px){.light-button button.bt .button-holder,.light-button button.bt .button-holder svg,.light-button button.bt .light-holder .light,.light-button-email button.bt-email .button-holder-email,.light-button-email button.bt-email .button-holder-email svg,.light-button-email button.bt-email .light-holder-email .light-email{color:#5865f2;fill:#5865f2;background:linear-gradient(180deg,#5865f2,#fff0 75%,#fff0)}.light-button-email button.bt-email .button-holder-email,.light-button-email button.bt-email .button-holder-email svg,.light-button-email button.bt-email .light-holder-email .light-email{color:#e44;fill:#f03f3f;background:linear-gradient(180deg,#ec4a4a,#fff0 75%,#fff0)}.light-button-github button.bt-github .button-holder-github,.light-button-github button.bt-github .button-holder-github svg,.light-button-github button.bt-github .light-holder-github .light-github{color:#fff;fill:#fff;background:linear-gradient(180deg,#fff,#fff0 75%,#fff0)}}.order{padding:50px;border-radius:8px;text-align:left}.status-title{color:#8c6aff;font-size:40px;margin-bottom:8px;font-weight:700}.status-available{color:#0f0;font-weight:700;font-size:36px}.status-not-available{color:red;font-weight:700;font-size:36px}.status-text{color:#ccc;font-size:14px;margin-top:8px}.order h2{color:#8c6aff;font-size:32px;margin-bottom:20px}.donate-button-container{position:fixed;bottom:20px;right:20px;z-index:9999}.donate-button{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#8c6aff;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:15px;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.donate-button:hover{background-color:#ffc400;box-shadow:0 8px 12px #0003}.donate-button i{margin:0}