@keyframes twinkle{0%,100%{opacity:0}50%{opacity:1}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.header{background:#0a0a0a url("../images/intro-bg.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;position:relative;overflow:hidden}.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center, rgba(204, 0, 95, 0.15) 0%, rgba(0, 0, 0, 0.9) 70%);z-index:1}.header::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);box-shadow:inset 0 0 100px rgba(0,0,0,.8);z-index:2}.header .stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.header .stars .star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}.header .stars .star.small{width:1px;height:1px}.header .stars .star.medium{width:2px;height:2px;box-shadow:0 0 3px rgba(255,255,255,.8)}.header .stars .star.large{width:3px;height:3px;box-shadow:0 0 6px rgba(204,0,95,.8),0 0 10px rgba(204,0,95,.4)}.header .text-container{z-index:10;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header h5{animation:fadeIn 1.5s ease-out;text-shadow:0 0 20px rgba(204,0,95,.8)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#typing-text{text-shadow:0 0 30px rgba(255,255,255,.3),0 0 60px rgba(204,0,95,.2)}.header .roles{font-family:"lora-regular",serif;animation:slideUp 1.2s ease-out .5s both}.header .roles span{display:inline-block;opacity:.9;transition:opacity .3s ease}.header .roles span:hover{opacity:1}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header .btn{position:relative;overflow:hidden;background:rgba(0,0,0,0);border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);transition:all .4s ease;z-index:10}.header .btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(204, 0, 95, 0.4), transparent);transition:left .6s ease}.header .btn:hover{border-color:var(--bs-primary);box-shadow:0 0 30px rgba(204,0,95,.6),inset 0 0 20px rgba(204,0,95,.2);transform:translateY(-3px)}.header .btn:hover::before{left:100%}.header .btn:hover .fa-chevron-down{animation:bounce .6s ease infinite}.header .btn .fa-chevron-down{transition:transform .3s ease}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}.header .social{bottom:50px;z-index:10}.header .social a{position:relative;display:inline-block;transition:transform .3s ease}.header .social a::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;border-radius:50%;background:radial-gradient(circle, rgba(204, 0, 95, 0.4), transparent);transition:width .4s ease,height .4s ease;z-index:-1}.header .social a i{transition:all .3s ease;filter:drop-shadow(0 0 0 transparent)}.header .social a:hover{transform:translateY(-8px) scale(1.1)}.header .social a:hover::before{width:80px;height:80px}.header .social a:hover i{color:var(--bs-primary);filter:drop-shadow(0 0 15px rgba(204, 0, 95, 0.8));animation:pulse 1.5s ease infinite}@keyframes pulse{0%,100%{filter:drop-shadow(0 0 15px rgba(204, 0, 95, 0.8))}50%{filter:drop-shadow(0 0 25px rgb(204, 0, 95))}}.about-img-wrapper{position:relative;min-width:250px}.about-img-wrapper::before{content:"";position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:3px solid var(--bs-primary);border-radius:50%;opacity:.3}.about-img{width:250px;height:250px;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.about-img:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(204,0,95,.3)}.about-text{flex:1}.about-text p{line-height:1.8;color:#555}.about-text .text-primary{position:relative}.about-text .text-primary::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg, var(--bs-primary), transparent);opacity:.5}.about .display-5{font-weight:600;color:#333}.about hr{border-top:3px solid var(--bs-primary);opacity:1}.portfolio{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);position:relative}.portfolio::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, var(--bs-primary), transparent)}.portfolio .text-center h2{font-weight:700;color:#2c3e50}.portfolio .text-center hr{border-top:3px solid var(--bs-primary);opacity:1}.project{position:relative;overflow:hidden;background:#fff;transition:all .4s ease}.project a{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;padding:20px;overflow:hidden;background:#fff;position:relative}.project a::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(204, 0, 95, 0.05), rgba(204, 0, 95, 0.02));opacity:0;transition:opacity .4s ease}.project img{max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain;object-position:center;transition:all .5s ease;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1))}.project:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(204,0,95,.15) !important}.project:hover a::before{opacity:1}.project:hover img{transform:scale(1.05);filter:drop-shadow(0 8px 20px rgba(204, 0, 95, 0.2))}.project::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, transparent, var(--bs-primary), transparent);transform:scaleX(0);transition:transform .4s ease}.project:hover::after{transform:scaleX(1)}.vertical-line{position:relative}.vertical-line::after{content:"";width:3px;height:130px;display:block;background-color:var(--bs-primary);position:absolute;right:50%;transform:translateY(15%)}@media(max-width: 767px){.header .social i{font-size:30px}.header .roles{font-size:18px !important}.about-content{flex-direction:column;text-align:center}.about-img-wrapper{min-width:auto;margin-bottom:2rem}.about-img-wrapper::before{top:-10px;left:-10px;right:10px;bottom:10px}.about-img{width:200px;height:200px}.about-text p{font-size:1rem}.vertical-line::after{content:"";width:0px;height:0px;display:none;background-color:var(--bs-primary);position:absolute;right:50%;transform:translateY(15%);padding-bottom:0;margin-bottom:0}.organization{text-align:center}.project a{min-height:300px;padding:15px}.project img{max-height:280px}.project:hover{transform:translateY(-5px)}}