*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}body{font-family:Segoe UI,sans-serif;background:linear-gradient(-45deg,#0d0d0d,brown,#462d52,#b8693e);background-size:400% 400%;animation:color 20s ease-in-out infinite;min-height:100vh;margin:0;padding:0;scroll-behavior:smooth;overflow-x:hidden;position:relative}@keyframes color{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.scroll-zone{height:50px}.container{background:#0a0a0a66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:1.5rem;border-radius:20px;width:85%;max-width:380px;transition:all .3s ease;animation:fadeIn .6s ease-in}.container:hover{background:#0a0a0abb;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 0 15px #ff0000af;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#name{color:#fff;transition:all .3s ease;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:1.6rem}#name:hover{color:#fff;text-shadow:0 0 15px white;transition:all .3s ease}#Address{display:inline-block;font-size:.9rem;margin:0 30px 0 0;padding:0;text-decoration:none;color:#fffc;transition:all .3s ease;font-weight:400;letter-spacing:.5px}#Address:hover{transform:scale(1.03);transition:all .3s ease}.profile img{width:100px;height:100px;border-radius:50px;object-fit:cover}.profile h1{font-size:1.5rem;margin:0;color:#f0f8ff}.profile p{font-size:.9rem;margin-top:.5rem;color:#f0f8ff}.links{margin:1.5rem}.links a{display:block;color:#ffffffe6;text-decoration:none;font-weight:400;transition:all .3s ease;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.links a:hover{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);transform:translate(5px);border-bottom-color:#ffffff4d;transition:all .3s ease-out}.scroll-hint{text-align:center;margin-top:2rem;color:#fff;font-weight:300;letter-spacing:1px;text-transform:uppercase;font-size:.9rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.arrow{animation:bounce 2s infinite;font-size:1.5rem;color:#4ecdc4;display:inline-block}#projects{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;padding:2rem 1rem;overflow-y:auto}.section-heading{text-align:center;font-size:2.2rem;color:#fff;margin-bottom:2rem;margin-top:0;width:100%;font-weight:400;letter-spacing:2px;text-transform:uppercase;position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;justify-items:center;width:100%;max-width:1200px;margin-bottom:3rem}.project-card{background:#0a0a0ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;width:100%;max-width:400px;max-height:500px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateY(30px) scale(.95);position:relative}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 0 1px #ff6b6b4d;border:1px solid rgba(255,107,107,.2);background:#0a0a0ad9}.project-card-image-container{position:relative;width:100%;height:200px;overflow:hidden}.project-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.project-card:hover .project-card-image{transform:scale(1.08)}.project-card-overlay{position:absolute;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card-image-container:hover .project-card-overlay{opacity:1}.project-card-overlay i{font-size:2rem;color:#fff;transform:scale(.8) rotate(-10deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.project-card-image-container:hover .project-card-overlay i{transform:scale(1) rotate(0)}.project-card-content{padding:1.8rem}.project-card h3{margin-bottom:.8rem;font-size:1.3rem;font-weight:600;color:#fff;letter-spacing:.5px}.project-card p{font-size:.9rem;color:#bbb;line-height:1.6;margin-bottom:1rem}.source-code{width:100%;text-align:center;margin-top:auto}.source-code a{color:#fff;text-decoration:none;font-size:.9rem;font-weight:300;letter-spacing:1px;text-transform:uppercase;padding:.5rem 1rem;border-radius:10px;background:transparent;transition:all .3s ease}.source-code a:hover{background:transparent;text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5);color:#fff}.fullscreen-section{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:2rem;flex-direction:column}.animate-on-scroll{transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}.animate-delay-5{transition-delay:.5s}.animate-on-scroll.hidden{opacity:0;transform:translateY(30px)}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.section-heading{font-size:1.8rem;padding:0 1rem;margin-bottom:2rem}#projects{height:auto;min-height:100vh;padding:1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.project-card{max-width:100%}.project-card-image-container{height:200px}.container{padding:2rem;width:95%}.profile h1{font-size:1.2rem}.profile img{width:80px;height:80px}.links{margin:1rem 0}.fullscreen-section{padding:1rem}}@media(max-width:480px){.section-heading{font-size:1.5rem;letter-spacing:1px}.section-heading:after{width:40px}.project-card-image-container{height:180px}.project-card-content{padding:1.2rem}.project-card h3{font-size:1.1rem}.project-card p{font-size:.85rem}.container{padding:1rem;width:90%}.profile h1{font-size:1.1rem}#Address{font-size:.8rem}.scroll-hint{margin-top:1rem}.arrow{font-size:1.2rem}}@media(max-width:320px){.container{width:95%;padding:.8rem}.profile img{width:60px;height:60px}.profile h1{font-size:1rem}#Address{font-size:.75rem}.section-heading{font-size:1.3rem}}