@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";body{width:100%;height:100vh;background:var(--bg-gradient);overflow-x:hidden}.backgroundPlane,.backgroundPlane2{width:100%;height:100vh;position:fixed;top:0;left:0;background:transparent;z-index:-1}@keyframes fly{0%{top:10%;left:10%;opacity:1}20%{top:30%;left:40%;opacity:.7}40%{top:40%;left:60%;opacity:0}60%{top:30%;left:20%;opacity:.8}80%{top:50%;left:59%;opacity:1}to{top:10%;left:80%;opacity:1}}.backgroundPlane:after{content:"";width:100px;height:100px;position:absolute;top:20px;left:20px;background-color:var(--button-border);clip-path:polygon(100% 46%,0% 100%,0 0);animation:fly 20s infinite linear;opacity:.6}@keyframes moveAround{0%{top:0;left:0}25%{top:0;left:calc(100% - 80px)}50%{top:calc(10% - 50px);left:calc(100% - 50px)}75%{top:calc(50% - 150px);left:50px}to{top:0;left:0}}.backgroundPlane:before{content:"";width:100px;height:100px;position:absolute;top:20px;left:20px;background-color:var(--button-border);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);animation:moveAround 20s infinite linear;opacity:.6}@keyframes fly1{0%{top:10%;left:5%;opacity:1}25%{top:30%;left:80%;opacity:.6}50%{top:70%;left:60%;opacity:0}75%{top:40%;left:20%;opacity:1}to{top:10%;left:5%;opacity:1}}.backgroundPlane2:before{content:"";width:100px;height:100px;position:absolute;top:20px;left:20px;background-color:var(--button-border);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:fly1 20s infinite linear;opacity:.6}@keyframes fly2{0%{top:50%;left:0;opacity:1}20%{top:10%;left:40%;opacity:.5}40%{top:80%;left:60%;opacity:.9}70%{top:40%;left:100%;opacity:0}to{top:50%;left:0;opacity:1}}.backgroundPlane2:after{content:"";width:100px;height:100px;position:absolute;top:20px;left:20px;background-color:var(--button-border);clip-path:polygon(0% 15%,15% 15%,15% 0%,85% 0%,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0% 85%);animation:fly2 20s infinite linear;opacity:.6}@media (max-width: 768px){.backgroundPlane:after,.backgroundPlane:before,.backgroundPlane2:before,.backgroundPlane2:after{width:70px;height:70px}}@media (max-width: 480px){.backgroundPlane:after,.backgroundPlane:before,.backgroundPlane2:before,.backgroundPlane2:after{width:50px;height:50px;opacity:.4}}@media (prefers-reduced-motion: reduce){.backgroundPlane:after,.backgroundPlane:before,.backgroundPlane2:before,.backgroundPlane2:after{animation:none;opacity:.3}}body{font-family:var(--font-heading);background:var(--bg-gradient);color:var(--text-color);overflow-x:hidden}.Main{width:100%;min-height:100vh;padding:5rem 2rem 8rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.Main h2{font-size:clamp(1.2rem,4vw,2rem);margin-bottom:0}.Main h1{font-size:clamp(4rem,20vw,20rem);margin-bottom:1rem;line-height:.9;word-break:break-word}.Main p{font-size:clamp(.9rem,2vw,1.2rem);border:2px solid var(--button-border);border-radius:5px;padding:8px 16px;display:inline-block;margin-top:1rem}.email{position:absolute;bottom:130px;left:50%;transform:translate(-50%);font-size:clamp(.85rem,2vw,1rem);text-align:center;color:var(--highlight-color);width:100%;padding:0 1rem;word-break:break-word}footer{position:fixed;bottom:10px;left:50%;transform:translate(-50%);font-size:clamp(.7rem,1.5vw,.9rem);color:var(--text-color);opacity:.7;z-index:10}@media (max-width: 1024px){.Main{padding:4rem 2rem 8rem}}@media (max-width: 768px){.Main{padding:6rem 1.5rem 8rem;align-items:center;text-align:center}.Main h1{line-height:.85}.email{bottom:120px}}@media (max-width: 480px){.Main{padding:5rem 1rem 7rem}.Main h1{line-height:.8}.Main p{padding:6px 12px}.email{bottom:110px;font-size:.85rem}}@media (max-width: 375px){.Main{padding:4.5rem .75rem 6.5rem}.Main h2{font-size:1rem}.Main p{font-size:.85rem;padding:5px 10px}.email{bottom:100px;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-heading);color:var(--text-color)}.navbar{display:flex;flex-direction:column;position:fixed;top:50%;right:5%;transform:translateY(-50%);gap:15px;z-index:20}.projects-nav{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar a{display:flex;align-items:center;justify-content:center;color:var(--text-color);text-decoration:none;border:2px solid var(--button-border);border-radius:10px;padding:10px 12px;min-height:44px;min-width:44px;font-size:18px;transition:all .3s ease}.navbar a:hover{background:var(--button-border);color:#000;transform:scale(1.05)}.navbar span{margin-left:6px}@media (max-width: 768px){.navbar{position:fixed;top:0;right:0;left:0;transform:none;flex-direction:row;justify-content:center;align-items:center;background:#5225b6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0;padding-top:max(12px,env(safe-area-inset-top));gap:12px;z-index:30}.navbar a{font-size:16px;padding:10px 12px;border-radius:8px;min-height:44px}}@media (max-width: 480px){.navbar{gap:8px;padding:10px 0;padding-top:max(10px,env(safe-area-inset-top))}.navbar a{font-size:20px;padding:12px;min-width:48px;min-height:48px}.navbar span{display:none}}@media (max-width: 375px){.navbar{gap:6px}.navbar a{font-size:18px;padding:10px;min-width:44px;min-height:44px}}.socials{display:flex;justify-content:center;align-items:center;gap:20px;position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:15;font-size:28px}.social-link{color:var(--text-color);cursor:pointer;pointer-events:auto;transition:color .3s,transform .3s;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.social-link:hover{color:var(--button-border);transform:scale(1.2)}@media (max-width: 768px){.socials{bottom:55px;gap:15px;font-size:26px}}@media (max-width: 480px){.socials{bottom:50px;gap:12px;font-size:24px}.social-link{min-width:48px;min-height:48px}}@media (max-width: 375px){.socials{bottom:45px;gap:10px;font-size:22px}}.stack-container{text-align:center;color:var(--text-color);position:fixed;bottom:10px;right:20px;z-index:1;pointer-events:none}.stack-container h2{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:8px}.stack-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:200px;font-size:1.8rem;pointer-events:auto}.stack-icons svg{transition:transform .3s,color .3s;cursor:pointer}.stack-icons svg:hover{transform:scale(1.2);color:var(--button-border)}@media (max-width: 768px){.stack-container{position:fixed;bottom:120px;right:15px}.stack-container h2{font-size:1rem}.stack-icons{font-size:1.5rem;max-width:180px;gap:6px}}@media (max-width: 480px){.stack-container{bottom:115px;right:10px}.stack-container h2{font-size:.9rem}.stack-icons{font-size:1.3rem;max-width:150px;gap:5px}}@media (max-width: 375px){.stack-container{bottom:110px;right:8px}.stack-icons{font-size:1.2rem;max-width:130px}}:root{--bg-gradient: #5225b6;--text-color: #ffffff;--button-border: #8e5fff;--highlight-color: #caa9ff;--font-heading: "Bebas Neue", sans-serif}.about-banner{width:100%;height:260px;overflow:hidden;position:relative;margin-top:0}.banner-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.9)}.about-content{width:90%;max-width:1200px;margin:-70px auto 80px;text-align:center;color:var(--text-color);padding:0 1rem}.profile-row{display:flex;flex-direction:column;align-items:center}.profile-img{width:150px;height:150px;border-radius:50%;border:4px solid var(--highlight-color);object-fit:cover;background-color:#000;z-index:5;margin-bottom:15px}.profile-info h1{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:1px;font-family:var(--font-heading);margin-bottom:10px}.profile-info .bio{max-width:750px;margin:15px auto;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.skills-section{margin-top:40px}.skills-section h2{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:20px;color:var(--highlight-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;justify-items:center}.skill{display:flex;align-items:center;gap:8px;font-size:clamp(.9rem,2vw,1rem);border:1.5px solid var(--button-border);padding:10px 14px;border-radius:8px;transition:all .3s ease;width:100%;max-width:200px;justify-content:center}.skill:hover{background:var(--button-border);color:#000;transform:scale(1.05)}@media (max-width: 1024px){.about-content{width:92%}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (max-width: 768px){.about-banner{height:200px;margin-top:60px}.about-content{width:95%;margin-top:-50px}.profile-img{width:120px;height:120px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.skill{padding:8px 12px}}@media (max-width: 480px){.about-banner{height:180px;margin-top:65px}.about-content{width:100%;padding:0 .75rem;margin-top:-40px}.profile-img{width:100px;height:100px;border:3px solid var(--highlight-color)}.skills-section{margin-top:30px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.skill{padding:8px 10px;font-size:.85rem}}@media (max-width: 375px){.about-banner{height:160px}.profile-img{width:90px;height:90px}.skills-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary: linear-gradient(135deg, #5225b6, #1f43d5);--accent: #8e5fff;--accent-hover: #a97fff;--text-light: #ffffff;--text-muted: #d1cfe2;--font-heading: "Bebas Neue", sans-serif}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-light);padding:5rem 2rem;min-height:100vh;text-align:center;overflow:hidden;position:relative}.contact-section:before{content:"";position:absolute;width:250px;height:250px;background:#ffffff14;border-radius:50%;top:-100px;right:-100px;filter:blur(120px);z-index:0}.contact-title{font-size:clamp(2rem,5vw,3rem);font-family:var(--font-heading);letter-spacing:1px;margin-bottom:.3rem;z-index:2}.contact-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-muted);margin-bottom:2.5rem;max-width:500px;line-height:1.6;z-index:2;padding:0 1rem}.contact-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.2rem;z-index:2}.contact-form label{text-align:left;font-size:clamp(.9rem,2vw,1rem);margin-bottom:-.8rem}.contact-form input,.contact-form textarea{width:100%;padding:1rem 1.2rem;min-height:48px;border-radius:8px;border:none;background:#fffffff2;color:#000;font-size:clamp(.9rem,2vw,1rem);font-family:sans-serif;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);box-shadow:0 0 8px #8e5fff66}.contact-form textarea{height:160px;resize:vertical;min-height:120px}.contact-form button{background:var(--accent);color:var(--text-light);font-size:clamp(1rem,2vw,1.2rem);font-family:var(--font-heading);letter-spacing:1px;padding:.9rem;min-height:48px;border:none;border-radius:8px;cursor:pointer;transition:.3s ease}.contact-form button:hover{background:var(--accent-hover);transform:translateY(-2px) scale(1.03)}.contact-form button:disabled{opacity:.7;cursor:not-allowed}.thank-you{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-primary);color:var(--text-light);min-height:100vh;padding:4rem 2rem;text-align:center}.thank-you h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.thank-you p{font-size:clamp(1rem,2vw,1.2rem)}@media (max-width: 768px){.contact-section{padding:6rem 1.5rem 4rem}.contact-form{max-width:100%}}@media (max-width: 600px){.contact-section{padding:5rem 1rem 3rem}.contact-subtitle{margin-bottom:2rem}.contact-form{gap:1rem}.contact-form input,.contact-form textarea{padding:.9rem 1rem}.contact-form textarea{height:140px}}@media (max-width: 480px){.contact-section{padding:4.5rem .75rem 2.5rem}.contact-form button{min-height:50px}}@media (max-width: 375px){.contact-section{padding:4rem .5rem 2rem}.contact-form input,.contact-form textarea{padding:.8rem .9rem}}.projects-page{background:var(--bg-gradient);min-height:100vh;padding:80px 20px 50px;color:var(--text-color);font-family:var(--font-heading);text-align:center}.projects-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:40px;text-transform:uppercase;letter-spacing:2px;color:var(--highlight-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;justify-content:center;align-items:start;max-width:1400px;margin:0 auto}.project-card{background:#ffffff14;border:2px solid var(--button-border);border-radius:15px;padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0000004d}.project-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:15px;border:2px solid var(--highlight-color)}.project-card h2{color:var(--highlight-color);font-size:clamp(1.4rem,3vw,1.8rem);margin-bottom:10px}.project-card p{font-size:clamp(.9rem,2vw,1rem);margin-bottom:15px;line-height:1.5}.resources{margin-bottom:15px}.resources h4{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:8px;color:var(--highlight-color)}.resources ul{list-style:none;padding:0;margin:0}.resources li{font-size:clamp(.85rem,1.5vw,.9rem);margin-bottom:5px;border-left:3px solid var(--button-border);padding-left:8px}.project-card button{background:transparent;color:var(--text-color);border:2px solid var(--button-border);padding:10px 20px;min-height:44px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:clamp(.9rem,2vw,1rem);font-family:var(--font-heading);width:100%}.project-card button:hover{background:var(--button-border);color:#fff;transform:scale(1.02)}@media (max-width: 1024px){.projects-page{padding:70px 15px 40px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}}@media (max-width: 768px){.projects-page{padding:80px 15px 40px}.projects-grid{grid-template-columns:1fr;gap:25px;max-width:600px}.project-card{padding:18px}}@media (max-width: 480px){.projects-page{padding:75px 10px 35px}.projects-title{margin-bottom:30px}.projects-grid{gap:20px}.project-card{padding:15px;border-radius:12px}.project-img{margin-bottom:12px}.project-card button{padding:12px 18px;min-height:48px}}@media (max-width: 375px){.projects-page{padding:70px 8px 30px}.project-card{padding:12px}.resources li{font-size:.8rem}}.admin-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:var(--bg-gradient, #5225b6);color:var(--text-color, #ffffff);font-family:var(--font-heading, "Bebas Neue", sans-serif)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff14;border-radius:10px;border:2px solid var(--button-border, #8e5fff)}.admin-header h1{font-size:2em;margin:0;color:var(--highlight-color, #caa9ff)}.admin-actions{display:flex;gap:15px;align-items:center}.user-info{padding:8px 15px;background:#caa9ff1a;border:1px solid var(--highlight-color, #caa9ff);border-radius:5px;font-size:.9em;color:var(--text-color, #ffffff)}.message{padding:15px;margin-bottom:20px;background:#2d5f2e;color:#90ee90;border-left:4px solid #00ff00;border-radius:5px;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:1}90%{opacity:1}to{opacity:0}}.projects-table-container{background:#ffffff14;border-radius:10px;padding:20px;overflow-x:auto;border:2px solid var(--button-border, #8e5fff)}.projects-table-container h2{margin-top:0;color:var(--highlight-color, #caa9ff)}.projects-table{width:100%;border-collapse:collapse;margin-top:20px}.projects-table th{background:#caa9ff1a;padding:15px;text-align:left;font-weight:600;border-bottom:2px solid var(--button-border, #8e5fff);color:var(--highlight-color, #caa9ff)}.projects-table td{padding:15px;border-bottom:1px solid #333}.projects-table tr:hover{background:#00d4ff0d}.projects-table a{color:var(--highlight-color, #caa9ff);text-decoration:none;transition:color .3s}.projects-table a:hover{color:var(--highlight-color, #caa9ff);text-decoration:underline}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-cancel{padding:10px 20px;border:none;border-radius:5px;font-size:.95em;cursor:pointer;transition:all .3s;font-weight:600}.btn-primary{background:var(--button-border, #8e5fff);color:var(--text-color, #ffffff);border:2px solid var(--highlight-color, #caa9ff)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #8e5fff66;background:var(--highlight-color, #caa9ff);color:#5225b6}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ff6b6b;color:#fff;margin-left:10px}.btn-secondary:hover{background:#ff5252}.btn-edit{background:#caa9ff33;color:var(--highlight-color, #caa9ff);margin-right:10px;padding:5px 12px;font-size:.85em;border:1px solid var(--button-border, #8e5fff)}.btn-edit:hover{background:var(--button-border, #8e5fff);color:var(--text-color, #ffffff)}.btn-delete{background:#ff6b6b;color:#fff;padding:5px 12px;font-size:.85em}.btn-delete:hover{background:#ff5252}.btn-cancel{background:#666;color:#fff}.btn-cancel:hover{background:#555}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-gradient, #5225b6)}.login-box{background:#ffffff14;padding:40px;border-radius:10px;box-shadow:0 10px 40px #00000080;width:100%;max-width:400px;border:2px solid var(--button-border, #8e5fff)}.login-box h1{text-align:center;color:var(--highlight-color, #caa9ff);margin-bottom:30px;font-size:1.8em}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:600}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group textarea,.form-group input[type=file]{width:100%;padding:12px;border:1px solid #333;border-radius:5px;background:#0f0f0f;color:#fff;font-size:1em;box-sizing:border-box;transition:border-color .3s}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;width:100%;padding:12px 40px 12px 12px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .3s}.password-toggle:hover{color:var(--highlight-color, #caa9ff)}.form-group input:focus,.form-group textarea:focus,.form-group input[type=file]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.error-message{padding:10px;margin-bottom:15px;background:#5f2f2f;color:#f99;border-left:4px solid #ff6b6b;border-radius:5px}@media (max-width: 768px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-actions{flex-direction:column;width:100%}.btn-secondary{width:100%;margin-left:0}.projects-table{font-size:.9em}.projects-table th,.projects-table td,.admin-container{padding:10px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-gradient, #5225b6);border-radius:10px;box-shadow:0 10px 40px #00000080;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--button-border, #8e5fff)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(202,169,255,.2);background:#ffffff14}.modal-header h2{margin:0;color:var(--highlight-color, #caa9ff)}.close-btn{background:none;border:none;color:var(--text-color, #ffffff);font-size:2em;cursor:pointer;transition:color .3s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--highlight-color, #caa9ff)}.project-form{padding:30px;color:var(--text-color, #ffffff)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color, #ffffff);font-weight:600;font-size:.95em}.hint{font-size:.85em;color:#999;font-weight:400;margin-left:5px}.required{color:#ff6b6b;margin-left:3px}.form-group input[type=text],.form-group input[type=url],.form-group input[type=file],.form-group textarea{width:100%;padding:12px;border:1px solid #333;border-radius:5px;background:#0f0f0f;color:#fff;font-size:1em;box-sizing:border-box;font-family:inherit;transition:all .3s}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group input[type=file]:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.form-group input[type=file]{padding:10px;cursor:pointer}.form-group textarea{resize:vertical;min-height:100px}.image-preview{margin-top:15px;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:5px;border:2px solid var(--highlight-color, #caa9ff)}.error-message{padding:12px;margin-bottom:20px;background:#5f2f2f;color:#f99;border-left:4px solid #ff6b6b;border-radius:5px}.form-actions{display:flex;gap:10px;margin-top:30px;justify-content:flex-end}.form-actions button{padding:10px 20px;border:none;border-radius:5px;font-size:.95em;cursor:pointer;transition:all .3s;font-weight:600}.form-actions .btn-primary{background:var(--button-border, #8e5fff);color:var(--text-color, #ffffff);flex:1;max-width:200px;border:2px solid var(--highlight-color, #caa9ff)}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #8e5fff66;background:var(--highlight-color, #caa9ff);color:#5225b6}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-cancel{background:#666;color:#fff;flex:1;max-width:100px}.form-actions .btn-cancel:hover{background:#555}@media (max-width: 600px){.modal-content{max-height:100vh}.project-form{padding:20px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;max-width:none}}