body,html,.app{margin:0;padding:0;font-family:Arial,sans-serif;color:#333;min-height:100vh;background-image:url(/Portfolio/assets/background-DS8Ycxn3.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.app:before{content:"";position:absolute;inset:0;background:#ffffffb3;z-index:0}.app>*{position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0}.logo{font-size:20px;font-weight:700}.nav button{font-weight:700;padding:8px 16px;margin-left:20px;border:none;cursor:pointer;border-radius:5px;transition:background-color .3s,color .3s;color:#fff}.nav button:nth-child(1){background-color:#ff6b6b}.nav button:nth-child(2){background-color:#4ecdc4}.nav button:nth-child(3){background-color:#ffd93d;color:#000}.nav button:nth-child(4){background-color:#1a535c}.nav button:hover{opacity:.8}.hero{display:flex;justify-content:space-between;align-items:center;padding:60px 40px}.hero-text{max-width:500px}.hero-text h2{font-size:36px;margin-bottom:15px}.hero-text .highlight{color:#007bff}.hero-text p{margin-bottom:20px;color:#333}.hero-buttons{display:flex;gap:15px}.btn-primary,.btn-outline{padding:10px 20px;border:none;cursor:pointer}.btn-primary{background:#000;color:#fff}.btn-outline{border:1px solid black;background:transparent}.hero-image img{width:280px;height:280px;border-radius:20px;object-fit:cover;border:4px solid black}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:10px;width:80%;max-width:800px;min-height:450px;max-height:90%;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-close{position:absolute;top:15px;right:20px;font-size:24px;border:none;background:none;cursor:pointer}.modal-tabs{display:flex;margin-bottom:10px;border-bottom:2px solid #ddd}.modal-tab{flex:1;text-align:center;padding:10px 0;cursor:pointer;font-weight:700;transition:background .3s,color .3s}.modal-tab.active{background:#007bff;color:#fff;border-radius:8px 8px 0 0}.modal-body{flex:1;overflow-y:auto;padding-top:10px}.about-card h4{color:#007bff;margin-bottom:10px}.personal-info{display:flex;align-items:flex-start;gap:15px}.personal-avatar{width:150px;height:150px}.info-details p{margin:5px 0}.info-details a{color:#007bff;text-decoration:none}.info-details a:hover{text-decoration:underline}.work-card{display:flex;align-items:center;background:#fff;padding:10px;border-radius:8px;margin-bottom:10px;box-shadow:0 1px 4px #0000001a;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000026}.company-logo{width:50px;height:50px;margin-right:10px;object-fit:contain}.skill-group{background:#f0f4f8;padding:15px 20px;border-radius:10px;box-shadow:0 2px 6px #0000001a;transition:transform .2s,box-shadow .2s}.skill-group:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.skill-group h4{margin-bottom:10px;color:#007bff;font-size:18px}.skill-group ul li{transition:color .2s,transform .2s;cursor:default}.skill-group ul li:hover{color:#f60;transform:translate(5px)}.skill-group ul ul li:hover{color:#ff8c00;transform:translate(3px)}.skills-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:10px}.skill-card{background:#e8f0fe;padding:12px 15px;border-radius:10px;box-shadow:0 2px 6px #0000001a;transition:transform .2s,box-shadow .2s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.skill-card strong{display:block;margin-bottom:5px;color:#007bff}.skill-card ul{list-style:circle inside;padding-left:0;margin:0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-top:10px}.about-card{background:#f0f4f8;padding:20px;border-radius:10px;box-shadow:0 2px 6px #0000001a;transition:transform .2s,box-shadow .2s}.about-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.about-card h4{color:#007bff;margin-bottom:10px;font-size:18px}.about-card ul{list-style:disc inside;margin:5px 0 10px;padding-left:20px}.about-card p{margin:5px 0}.about-card strong{color:#007bff}.App{text-align:center;margin-top:50px;font-family:Arial,sans-serif}.download-btn{background-color:#4caf50;border:none;color:#fff;padding:12px 24px;text-align:center;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .3s}.download-btn:hover{background-color:#45a049}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.resize{resize:both}.text-center{text-align:center}