.navbar{position:fixed;top:0;width:100%;z-index:1000}.nav-menu{margin:24px auto 0;display:flex;align-items:center;gap:48px;list-style:none;padding:14px 36px;background:linear-gradient(135deg,#0d1420,#07183c);border-radius:16px;box-shadow:0 20px 50px #00000073;width:fit-content}.nav-menu button{background:none;border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:color .3s ease}.nav-menu button:hover{color:#a5b4fc}.mobile-bar{display:none}.nav-menu-responsive{position:fixed;top:64px;left:0;width:100%;background:linear-gradient(135deg,#0d1420,#07183c);list-style:none;padding:20px 0;transform:translateY(-120%);transition:transform .35s ease;z-index:1001}.nav-menu-responsive.show{transform:translateY(0)}.nav-menu-responsive li{padding:14px 24px}.nav-menu-responsive button{width:100%;background:none;border:none;font-size:16px;text-align:left;color:#fff}.nav-menu-responsive .connectme{background:#10103c;color:#fff;padding:12px;border-radius:12px;margin-top:10px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.mobile-bottom-nav{display:none}@media (max-width: 768px){.nav-menu{display:none}.mobile-bottom-nav{position:fixed;bottom:10px;right:10px;left:10px;border-radius:10px;height:64px;background:linear-gradient(135deg,#0d1420,#07183c);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -10px 30px #0006}.mobile-bottom-nav button{background:none;border:none;color:#b5c0ff;display:flex;flex-direction:column;align-items:center;font-size:11px;cursor:pointer}.mobile-bottom-nav button.active{color:#fff}}.hero{padding:140px 0 80px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.hero-container{max-width:1200px;margin:0 auto;padding:0 80px;display:flex;align-items:center;gap:80px}.hero-left{flex:2;display:flex;flex-direction:column;gap:18px;color:#f8fafc}.hero-left p:first-of-type,.hero-left .hero-role{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:#94a3b8}.hero-left h1{font-size:64px;font-weight:800;line-height:1.1;color:#fff}.hero-left p{font-size:17px;line-height:1.7;max-width:720px;color:#e2e8f0}.hero-left .btn{margin-top:26px;align-self:flex-start;padding:14px 30px;font-size:15px;font-weight:600;border-radius:10px;border:none;background:linear-gradient(135deg,#0d1420,#07183c);color:#fff;cursor:pointer;box-shadow:0 12px 30px #0006;transition:transform .25s ease,box-shadow .25s ease}.hero-left .btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #14203599}.hero-right{flex:1;background:linear-gradient(135deg,#0d1420,#07183c);border-radius:20px;padding:28px 24px;box-shadow:0 40px 90px #0000008c}.profile_pic{height:125px;width:125px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.15);margin:0 auto 14px;display:block}.hero-right p{background:#3b82f61f;padding:9px 12px;margin:10px 0;font-size:14px;border-radius:12px;color:#e5e7eb}.hero-right .header-name{background:none;text-align:center}.hero-right span{font-size:18px;font-weight:700;color:#fff}.icons{height:18px;width:18px;margin-right:8px;vertical-align:middle}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.skills p{background:#ffffff14;text-align:center;padding:7px;font-size:13px;border-radius:8px;color:#f1f5f9}.social-media{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px}.social-media a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border-radius:50%;transition:transform .25s ease,background .25s ease}.social-media a:hover{background:#3b82f64d;transform:translateY(-2px)}.social-media img{width:20px;height:20px;display:block}@media (max-width: 768px){.hero{padding:40px 0 30px}.hero-container{flex-direction:column;align-items:stretch;padding:0 16px;gap:30px;margin-bottom:60px}.hero-left h1{font-size:28px;line-height:1.2}.hero-left p{font-size:15px;max-width:100%}.hero-left .btn{width:100%;padding:14px 0;text-align:center}.hero-right{align-self:stretch;margin:0;padding:22px 18px;border-radius:16px}.profile_pic{height:110px;width:110px}.hero-right p{font-size:13px}.skills{gap:8px}.skills p{font-size:12px;padding:6px}.social-media{gap:14px}.social-media a{width:36px;height:36px}.social-media img{width:18px;height:18px}}.about{padding:140px 0 100px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.about h1{font-size:42px;font-weight:700;margin-bottom:60px;text-align:center}.about-align{max-width:1100px;margin:0 auto 80px;padding:0 24px;gap:50px;align-items:center}.about-align img{width:100%;max-width:320px;border-radius:16px;box-shadow:0 20px 60px #0009}.about-right{background:linear-gradient(135deg,#0d1420,#07183c);padding:40px 42px;border-radius:20px;box-shadow:0 30px 70px #00000073}.about-right p{font-size:16px;line-height:1.8;color:#e5e7eb;margin-bottom:18px}.summary{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.summary-element{background:linear-gradient(135deg,#0d1420,#07183c);padding:28px 20px;border-radius:18px;text-align:center;box-shadow:0 20px 50px #00000073}.summary-element h4{font-size:32px;font-weight:700;color:#60a5fa;margin-bottom:8px}.summary-element p{font-size:14px;color:#cbd5f5}@media (max-width: 768px){.about{padding:40px 0}.about h1{font-size:30px;margin-bottom:30px;text-align:center}.about-align{grid-template-columns:1fr;margin-bottom:50px}.about-align img{max-width:100%}.about-right{padding:24px}.summary{gap:16px;padding-bottom:50px}}.contact{padding:120px 0 60px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.contact-container{max-width:1200px;margin:0 auto;padding:0 24px}.contact h1{font-size:40px;font-weight:700;text-align:center;margin-bottom:60px}.contact-align{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-bottom:80px}.contact-left p{font-size:16px;line-height:1.7;color:#e5e7eb;margin-bottom:14px}.contact-left .contact-text{max-width:480px;margin-bottom:24px}.contact-left img{width:20px;height:20px;vertical-align:middle;margin-right:10px}.contact-right form{background:linear-gradient(135deg,#0d1420,#07183c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:32px;border-radius:20px;display:flex;flex-direction:column}.contact-right label{font-size:13px;margin-bottom:6px;color:#cbd5f5}.contact-right input,.contact-right textarea{background:#0f1224;border:none;border-radius:10px;padding:12px;margin-bottom:18px;color:#fff;font-family:inherit}.contact-right input::placeholder,.contact-right textarea::placeholder{font-size:13px;color:#94a3b8}.contact-right .btn{margin-top:10px;background:#2563eb;color:#fff;border:none;padding:12px;border-radius:10px;font-size:15px;cursor:pointer}.contact-right .btn:hover{opacity:.9}.footer{background:linear-gradient(135deg,#0d1420,#07183c);border-radius:18px;padding:32px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-bottom:24px}.footer-left h4{font-size:18px;margin-bottom:10px}.footer-left p{font-size:14px;line-height:1.6;color:#cbd5f5}.footer-right{display:flex;gap:10px}.footer-right input{flex:1;padding:10px;border-radius:8px;border:none}.footer-right button{background:#2563eb;border:none;border-radius:8px;padding:0 16px;color:#fff;cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-links{display:flex;gap:20px}@media (max-width: 768px){.contact{padding:40px 0 30px}.contact-container{padding:0 16px;margin-bottom:60px}.contact h1{font-size:28px;margin-bottom:28px;text-align:left}.contact-align{grid-template-columns:1fr;gap:32px;margin-bottom:50px}.contact-left .contact-text{max-width:100%;font-size:15px;line-height:1.6;margin-bottom:20px}.contact-left p{font-size:15px;display:flex;align-items:center;gap:10px}.contact-left img{width:18px;height:18px}.contact-right form{padding:20px;border-radius:16px}.contact-right label{font-size:12px}.contact-right input,.contact-right textarea{font-size:14px;padding:10px;border-radius:8px}.contact-right .btn{font-size:14px;padding:12px}.footer{padding:20px}.footer-top{grid-template-columns:1fr;gap:20px}.footer-right{flex-direction:column;gap:10px}.footer-right input{width:auto}.footer-right button{width:100%;padding:10px 0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-links{flex-wrap:wrap;gap:12px}}.web{position:relative;padding:120px 0 80px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.web-container{max-width:1200px;margin:0 auto;padding:0 24px}.web h1{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;letter-spacing:-.5px;color:#fff}.web-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}.web-card{background:linear-gradient(135deg,#0d1420,#07183c);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}.web-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000080}.web-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:16px}.web-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:#fff}.web-card p{font-size:14px;line-height:1.7;color:#dbeafe;margin-bottom:18px}.links{margin-top:auto;display:flex;justify-content:space-between;gap:16px}.links a{text-decoration:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.links .primary{background:#2563eb;color:#fff}.links .secondary{border:1px solid #3b82f6;color:#93c5fd}.links a:hover{opacity:.9}@media (max-width: 767px){.web{padding:40px 0}.web h1{font-size:30px;margin-bottom:36px}.web-container{margin-bottom:50px}.web-list{gap:28px}}.ui{padding:120px 0 80px;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.ui-container{max-width:1200px;margin:0 auto;padding:0 24px}.ui h1{font-size:40px;font-weight:700;text-align:center;margin-bottom:56px;letter-spacing:-.5px;color:#fff}.ui-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}.ui-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:#0f1224;transition:transform .35s ease,box-shadow .35s ease}.ui-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0009}.ui-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s ease}.ui-card:hover img{transform:scale(1.08)}.text-top{position:absolute;top:14px;left:14px;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:500;color:#fff;z-index:5}.text-bottom{position:absolute;bottom:16px;left:18px;font-size:15px;font-weight:600;color:#fff;z-index:5}.overlay1{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a 40%,#000000d9)}.overlay2{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -100px 140px #000000e6}@media (max-width: 767px){.ui{padding:40px 0}.ui h1{font-size:30px;margin-bottom:36px}.ui-container{margin-bottom:50px}.ui-list{gap:28px}.ui-card img{height:230px}}*{box-sizing:border-box}body{color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;margin:0;background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.dashboard{position:relative;padding:120px 24px;max-width:1100px;margin:auto;height:100vh}.dashboard h1{font-size:28px;font-weight:600;margin-bottom:30px;color:#f9fafb}.logout-btn{position:absolute;top:32px;right:24px;padding:8px 16px;background-color:#020617;color:#fff;border:1px solid white;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .15s ease;z-index:1500}.logout-btn:hover{background-color:#020617;transform:translateY(-1px)}.logout-btn:active{transform:scale(.96)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.dashboard-card{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1f2933;border-radius:16px;padding:28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.dashboard-card h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#f9fafb}.dashboard-card p{margin:0;font-size:14px;color:#9ca3af;line-height:1.6}.clickable{cursor:pointer}.clickable:hover{transform:translateY(-6px);border-color:#6366f1;box-shadow:0 20px 40px #6366f140}@media (max-width: 768px){.dashboard h1{font-size:24px}.logout-btn{right:18px;padding:10px 15px;font-size:13px}}@media (max-width: 480px){.dashboard-card{padding:22px}.dashboard{height:auto;padding:100px 16px}.dashboard-card h3{font-size:16px}.dashboard-card p{font-size:13px}.body{height:auto}}body{background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.login{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.login-image{width:700px}.login form{background:#111827;padding:32px;border-radius:14px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;gap:16px}.login h1{text-align:center;color:#e5e7eb;margin-bottom:18px;font-size:24px}.login input{padding:12px 14px;border-radius:8px;border:1px solid #1f2933;background:#020617;color:#f9fafb;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.login input::placeholder{color:#9ca3af}.login input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.login button{margin-top:10px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.login button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #6366f159}.login button:active{transform:scale(.98)}.login-error{text-align:center;color:#f87171;font-size:13px;margin-top:4px}@media (max-width: 480px){.login form{padding:24px;border-radius:12px}.login h1{font-size:22px}.login-image{width:100%}}body{background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.messages{padding:120px 20px;max-width:900px;margin:auto}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.messages-header h1{font-size:28px;font-weight:700}.back-btn{background:#1f2937;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;transition:background .3s ease}.back-btn:hover{background:#374151}.msg-loading,.no-msg{text-align:center;font-size:16px;color:#9ca3af}.message-card{background:#0f172a;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 20px 40px #00000059}.message-top{display:flex;justify-content:space-between;align-items:center}.message-top h3{font-size:18px;font-weight:600}.message-top span{font-size:13px;color:#9ca3af}.message-email{font-size:14px;color:#60a5fa;margin:8px 0}.message-text{font-size:15px;line-height:1.6;color:#e5e7eb}@media (max-width: 600px){.messages-header{flex-direction:column;gap:15px;align-items:flex-start}.message-top{flex-direction:column;align-items:flex-start;gap:6px}.messages{padding:40px 15px 80px}.body{height:auto}}body{background-image:url(/assets/back2-C8wDhopX.svg),linear-gradient(180deg,#05060f,#0b0e1c);background-repeat:no-repeat,no-repeat;background-position:top right,center;background-size:cover,cover}.todo{padding:120px 20px;max-width:1200px;margin:auto}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.todo-header h1{font-size:28px;font-weight:700}.back-btn{background:#1f2937;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.todo-loading{text-align:center;padding:150px;color:#9ca3af}.todo-form{display:flex;gap:12px;margin-bottom:40px}.todo-form input,.todo-form textarea,.todo-form select{flex:1;padding:12px 14px;border-radius:10px;border:none;background:#020617;color:#fff;font-size:14px}.todo-form textarea{resize:none}.todo-form select{flex:.6}.todo-form button{padding:12px 20px;background:#2563eb;color:#fff;border:none;border-radius:10px;cursor:pointer}.todo-form button:hover{background:#1d4ed8}.todo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.todo-card{background:#0f172a;border-radius:16px;padding:25px;box-shadow:0 20px 40px #00000059}.todo-card h3{margin-bottom:15px}.pending h3{color:#facc15}.thisWeek h3{color:#60a5fa}.completed h3{color:#22c55e}.todo-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.todo-text strong{font-size:15px}.todo-text p{font-size:13px;color:#9ca3af;margin-top:4px}.todo-time{display:block;font-size:11px;color:#64748b;margin-top:4px}.delete-btn{background:transparent;border:none;color:#ef4444;font-size:16px;cursor:pointer}.empty{font-size:14px;color:#64748b}@media (max-width: 768px){.todo-form{flex-direction:column}.todo-grid{grid-template-columns:1fr;margin-bottom:60px}.todo{padding:40px 20px;margin-bottom:60px}.body{height:auto}}.tracker{padding:40px;min-height:100vh;background:#020617;color:#e5e7eb}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tracker-header h1{font-size:28px}.back-btn{background:transparent;border:1px solid #ffffff;color:#fff;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.back-btn:hover{background:#38bdf8;color:#020617}.tracker-card{background:#0f172a;border-radius:16px;padding:16px;box-shadow:0 20px 40px #0009}.tracker-iframe{width:100%;height:80vh;border:none;border-radius:12px;background:#fff}*{margin:0;padding:0}body{height:100vh;color:#fff;font-family:Poppins}@media (max-width: 768px){body{height:auto}}