:root{--primary-bg:#000000;--secondary-bg:#0d0d0d;--tertiary-bg:#1a1a1a;--accent-color:#4ade80;--accent-secondary:#6ed1ff;--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.612);--text-muted:#b8b8b8;--border-color:#333333;--border-hover:#3e3e3e;--error-color:#ff6b6b;--success-color:#059669;--gradient-primary:linear-gradient(270deg, #6ed1ff, #73e2f5, #4ade80);--gradient-scroll:linear-gradient(90deg, #4ade80, #6ed1ff);--shadow-light:0 4px 10px rgba(0, 0, 0, 0.1);--shadow-medium:0 4px 24px rgba(0, 0, 0, 0.18);--shadow-heavy:0 8px 32px rgba(0, 0, 0, 0.2);--border-radius-sm:10px;--border-radius-md:20px;--border-radius-lg:30px;--transition-fast:0.2s;--transition-medium:0.3s;--font-family-primary:"Space Grotesk", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--content-max-width:1400px;--grid-gap:clamp(16px, 3vw, 24px);--section-gap:clamp(40px, 8vw, 80px);--padding-container:clamp(15px, 3vw, 30px);--padding-card:clamp(15px, 3vw, 25px);--font-size-h1:clamp(24px, 6vw, 42px);--font-size-h2:clamp(20px, 5vw, 32px);--font-size-body:clamp(14px, 2.8vw, 16px);--font-size-small:clamp(12px, 2.5vw, 14px)}*{box-sizing:border-box;scroll-behavior:smooth}html{scroll-padding-top:80px;scrollbar-width:thin;scrollbar-color:var(--accent-color) #fff0}body{background-color:var(--primary-bg);color:var(--text-primary);margin:0;padding:0;font-family:var(--font-family-primary);font-weight:400;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:12px;background:#fff0}::-webkit-scrollbar-track{background:#fff0;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--gradient-scroll);border-radius:10px;border:2px solid var(--primary-bg);transition:all var(--transition-medium) ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--accent-secondary),var(--accent-color));box-shadow:0 0 15px rgb(110 209 255 / .5)}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:#fff0;z-index:10000;pointer-events:none}.scroll-progress::before{content:"";position:absolute;top:0;left:0;width:var(--scroll-width,0);height:100%;background:var(--gradient-scroll);transition:width var(--transition-medium) ease;box-shadow:0 0 10px rgb(74 222 128 / .5)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:var(--text-primary);background:var(--primary-bg);flex-direction:column;gap:20px}.loading::after{content:"";width:24px;height:24px;border:3px solid rgb(255 255 255 / .3);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text{background:var(--text-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;font-weight:600;animation:pulse 2s ease-in-out infinite}.hidden{display:none!important}.fade-in{opacity:1!important;transform:translateY(0)!important}.the-one-who-got-it-all{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,2fr);max-width:var(--content-max-width);width:100%;margin:0 auto;gap:var(--grid-gap);padding:var(--padding-container);min-height:100vh;align-items:start}.main-clmn{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 320px),1fr));gap:var(--grid-gap);width:100%}nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(20px, 4vw, 40px);background:var(--primary-bg)}nav h1{font-size:clamp(28px, 5vw, 42px);margin:0 0 16px 0;font-weight:600;line-height:1.2;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}nav p{color:var(--text-secondary);font-weight:300;line-height:1.7;letter-spacing:-.005em;font-size:clamp(14px, 2.5vw, 16px);margin-bottom:24px}.profile{display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center;margin:24px 0;width:100%}.profile-pic{width:60px;height:60px;border-radius:50%;border:2px solid var(--accent-color);box-shadow:var(--shadow-light);object-fit:cover;transition:transform var(--transition-medium) ease;cursor:pointer}.profile-pic:hover{transform:scale(1.1);box-shadow:0 0 20px rgb(74 222 128 / .4)}.mail-id-button{display:inline-block;padding:12px 24px;border-radius:30px;font-size:.95rem;font-weight:600;color:var(--primary-bg);background:var(--gradient-primary);background-size:300% 300%;animation:gradientMove 4s ease infinite;text-decoration:none;transition:all var(--transition-medium) ease;box-shadow:var(--shadow-light);width:max-content;border:none;cursor:pointer}.mail-id-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgb(74 222 128 / .3)}.social-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%;margin-top:20px}.social-icon{height:18px;width:18px;flex-shrink:0}.social{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;font-size:14px;gap:10px;background-color:var(--secondary-bg);padding:10px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all var(--transition-medium) ease;opacity:.9;font-weight:400;letter-spacing:-.005em;min-height:44px}.social:hover{background-color:var(--tertiary-bg);opacity:1;transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-medium)}.openlink{filter:invert(1);height:18px;width:18px;flex-shrink:0}main{display:flex;flex-direction:column;gap:clamp(40px, 8vw, 80px);padding:clamp(20px, 4vw, 40px) 0}main section{scroll-margin-top:80px}main section h2{font-size:clamp(24px, 5vw, 32px);font-weight:500;margin:0 0 clamp(20px, 4vw, 30px) 0;letter-spacing:-.01em;color:var(--text-primary)}.title-txt{font-size:clamp(28px, 5vw, 42px)}.section-title{font-size:clamp(24px, 5vw, 32px);font-weight:600;letter-spacing:-.015em;margin-bottom:clamp(20px, 4vw, 30px);background:var(--text-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.skill-tag-cloud{height:clamp(280px, 40vw, 400px);aspect-ratio:1;margin:0 auto;border-radius:var(--border-radius-md);background:radial-gradient(circle at center,rgb(74 222 128 / .1) 0%,transparent 70%)}.xp-card{padding:clamp(15px, 3vw, 25px);background-color:var(--secondary-bg);border-radius:var(--border-radius-md);color:var(--text-primary);margin:10px 0;border:1px solid var(--border-color);transition:all var(--transition-medium) ease;opacity:0;transform:translateY(20px)}.xp-card.in-view{opacity:1;transform:translateY(0)}.xp-card:hover{background-color:var(--tertiary-bg);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.company-details{display:flex;align-items:center;gap:12px}.company-details .logo{height:40px;width:40px;object-fit:contain}.company-details h2{font-weight:500;margin:0;font-size:clamp(16px, 3vw, 18px)}.xp-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.xp-head p{font-weight:300;margin:0;color:var(--text-muted);font-size:clamp(12px, 2.5vw, 14px)}.xp-card .date{font-size:clamp(12px, 2.5vw, 14px);color:var(--text-muted)}.xp-card ul{padding-left:20px;margin:12px 0}.xp-card ul li{font-weight:300;list-style:disc;margin:8px 0;color:var(--text-muted);line-height:1.5;font-size:clamp(13px, 2.5vw, 14px)}.exp-card{padding:clamp(20px, 4vw, 30px);background-color:var(--secondary-bg);border-radius:var(--border-radius-lg);margin:clamp(8px, 2vw, 12px);border:1px solid var(--border-color);transition:all var(--transition-medium) ease;cursor:pointer;position:relative;overflow:hidden}.exp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-medium) ease}.exp-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-4px);background-color:var(--tertiary-bg);border-color:var(--border-hover)}.exp-card:hover::before{transform:scaleX(1)}.card-header-text h3{position:relative;transition:color var(--transition-fast);font-weight:600;letter-spacing:-.01em;margin:0 0 8px 0;font-size:clamp(16px, 3.5vw, 20px)}.card-header-grid{display:grid;grid-template-columns:clamp(40px, 8vw, 50px) 1fr auto;align-items:center;gap:clamp(8px, 2vw, 12px);margin-bottom:16px}.companylogo{width:100%;height:clamp(40px, 8vw, 50px);object-fit:contain;border-radius:8px}.redirection-logo{filter:invert(1);width:18px;height:18px;opacity:.7;transition:all var(--transition-fast) ease}.exp-card:hover .redirection-logo{opacity:1;transform:scale(1.1)}.card-header-text p{font-size:clamp(12px, 2.5vw, 14px);color:var(--text-muted);margin:0;line-height:1.4}.card-header-grid ul{grid-column:1 / -1;padding:0 0 0 20px;margin:12px 0 0 0}.card-header-grid ul li{margin:6px 0;font-size:clamp(13px, 2.5vw, 14px);color:var(--text-muted);list-style:disc;line-height:1.5}.skill-cards{display:flex;flex-wrap:wrap;gap:clamp(6px, 1.5vw, 8px);margin-top:16px}.exp-card .skill-card,.pro-card .skill-card{background-color:var(--tertiary-bg);padding:clamp(6px, 1.5vw, 8px) clamp(10px, 2.5vw, 12px);border-radius:var(--border-radius-sm);font-size:clamp(11px, 2vw, 12px);color:var(--text-primary);border:1px solid var(--border-color);font-weight:400;transition:all var(--transition-fast) ease}.skill-card:hover{background-color:var(--accent-color);color:var(--primary-bg);transform:translateY(-2px)}.pro-card{background-color:var(--secondary-bg);border-radius:var(--border-radius-lg);padding:clamp(20px, 4vw, 25px);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;border:1px solid var(--border-color);transition:all var(--transition-medium) ease;position:relative;overflow:hidden;margin:clamp(8px, 2vw, 12px);min-height:280px}.pro-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-medium) ease}.pro-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-heavy);border-color:var(--border-hover)}.pro-card:hover::before{transform:scaleX(1)}.pro-card-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pro-card-title img{width:24px;height:24px;padding:4px;background-color:var(--text-primary);border-radius:var(--border-radius-sm);filter:invert(1);border:1px solid var(--border-color)}.pro-card-title h3{font-size:clamp(16px, 3.5vw, 20px);font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.3}.pro-card-featured{position:absolute;top:12px;right:12px;background-color:var(--success-color);color:var(--text-primary);padding:4px 10px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pro-card-header p{font-size:clamp(13px, 2.5vw, 14px);font-weight:300;margin:0 0 16px 0;color:var(--text-muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.pro-card-body{display:flex;flex-direction:column;gap:16px;margin-top:auto}.pro-card-links{display:flex;gap:12px;flex-wrap:wrap}.pro-card-links a{color:var(--text-muted);text-decoration:none;font-size:clamp(12px, 2.5vw, 14px);padding:8px 16px;border-radius:var(--border-radius-sm);background-color:var(--tertiary-bg);transition:all var(--transition-medium) ease;border:1px solid var(--border-color);font-weight:500;min-height:36px;display:flex;align-items:center}.pro-card-links a:hover{background-color:var(--accent-color);color:var(--primary-bg);transform:translateY(-2px)}.pro-button{display:inline-block;padding:10px 20px;border-radius:var(--border-radius-sm);background-color:var(--tertiary-bg);color:var(--text-primary);text-decoration:none;font-size:.9em;transition:all var(--transition-medium) ease;border:1px solid var(--border-color);text-align:center}.pro-button:hover{background-color:var(--accent-color);color:var(--primary-bg)}.all-projects-container{text-align:center;margin-top:30px}.certificate-card{position:relative;background-color:var(--secondary-bg);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;border:1px solid var(--border-color);width:100%;aspect-ratio:16 / 9;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all var(--transition-medium) ease}.certificate-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgb(0 0 0 / .3) 70%,rgb(0 0 0 / .8) 100%);transition:all var(--transition-medium) ease}.certificate-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy)}.certificate-card:hover::before{background:linear-gradient(to bottom,rgb(0 0 0 / .1) 0%,rgb(0 0 0 / .3) 30%,rgb(0 0 0 / .7) 70%,rgb(0 0 0 / .9) 100%)}.certificate-card-content{background-color:rgb(0 0 0 / .8);border-radius:var(--border-radius-md);backdrop-filter:blur(15px);padding:clamp(12px, 3vw, 20px);margin:clamp(8px, 2vw, 12px);transform:translateY(100%);transition:all var(--transition-medium) ease;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}.certificate-card:hover .certificate-card-content{transform:translateY(0);background-color:rgb(0 0 0 / .9)}.certificate-card-content h2{font-size:clamp(14px, 3vw, 18px);font-weight:600;margin:0 0 8px 0;color:var(--text-primary);opacity:0;transform:translateY(20px);transition:all var(--transition-medium) ease;line-height:1.3}.certificate-card:hover .certificate-card-content h2{opacity:1;transform:translateY(0)}.certificate-card-content p{font-size:clamp(11px, 2.5vw, 13px);margin:0;color:var(--text-muted);opacity:0;transform:translateY(20px);transition:all var(--transition-medium) ease 0.1s;line-height:1.4}.certificate-card:hover .certificate-card-content p{opacity:1;transform:translateY(0)}.certificate-card-content-bottom{display:flex;justify-content:space-between;align-items:center;gap:clamp(8px, 2vw, 12px);margin-top:clamp(12px, 3vw, 16px);flex-wrap:wrap}.certificate-card-content-bottom a{font-size:clamp(11px, 2.5vw, 13px);color:var(--text-muted);text-decoration:none;background-color:rgb(0 0 0 / .8);padding:6px 12px;border-radius:var(--border-radius-sm);transition:all var(--transition-medium) ease;border:1px solid var(--border-color);font-weight:500}.certificate-card-content-bottom a:hover{background-color:var(--accent-color);color:var(--primary-bg);transform:scale(1.05)}.macos-dock{border:1px solid rgb(255 255 255 / .1);border-radius:15px;padding:clamp(6px, 1.5vw, 10px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;background-color:rgb(13 13 13 / .9);backdrop-filter:blur(20px);height:clamp(45px, 8vw, 55px);box-shadow:0 8px 32px rgb(0 0 0 / .3);margin:0 auto}.items{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px, 1.5vw, 10px)}.item{width:clamp(35px, 6vw, 42px);height:clamp(35px, 6vw, 42px);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all 0.3s cubic-bezier(.4,2,.6,1);border-radius:8px;text-decoration:none}.item::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:10px;border-radius:6px;color:var(--text-primary);border:1px solid rgb(255 255 255 / .1);background:rgb(0 0 0 / .9);padding:4px 8px;opacity:0;pointer-events:none;transition:all var(--transition-fast) ease;white-space:nowrap;backdrop-filter:blur(10px)}.item:hover::before{opacity:1;transform:translateX(-50%) translateY(-2px)}.item>svg{width:50%;color:var(--text-primary)}.item img{filter:invert(.6);width:65%;height:65%;object-fit:contain;transition:all 0.3s cubic-bezier(.4,2,.6,1)}.item:hover img{filter:invert(1);transform:scale(1.1)}.item.active>img{filter:invert(1);transform:scale(1.05)}.item.section-animate{width:clamp(50px, 8vw, 60px)!important;height:clamp(50px, 8vw, 60px)!important;z-index:2;background:rgb(74 222 128 / .1);border:1px solid var(--accent-color)}.error-message{color:var(--error-color);text-align:center;padding:20px;background-color:var(--secondary-bg);border-radius:var(--border-radius-sm);margin:20px;border:1px solid var(--error-color);font-weight:500}.contact-form{display:flex;flex-direction:column;gap:clamp(12px, 3vw, 16px);padding:clamp(20px, 4vw, 30px);border-radius:var(--border-radius-md);background-color:var(--secondary-bg);border:1px solid var(--border-color);transition:all var(--transition-medium) ease;max-width:500px;margin:4px auto}.contact-form:hover{border-color:var(--border-hover);box-shadow:var(--shadow-medium)}.form-group-content{display:flex;flex-direction:column}.form-group-content label{font-size:clamp(14px, 2.5vw, 16px);font-weight:500;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.form-group input[type="email"],.form-group input[type="text"],.form-group textarea{width:100%;padding:clamp(12px, 2.5vw, 16px);background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-family-primary);font-size:clamp(13px, 2.5vw, 14px);font-weight:400;letter-spacing:-.005em;transition:all var(--transition-medium) ease;resize:vertical;min-height:44px}.form-group input[type="email"]:focus,.form-group input[type="text"]:focus,.form-group textarea:focus{border-color:var(--accent-color);background-color:var(--secondary-bg);outline:0;box-shadow:0 0 0 2px rgb(74 222 128 / .2)}.form-group textarea{min-height:clamp(120px, 20vw, 150px);resize:vertical}.submit-button{padding:clamp(12px, 2.5vw, 16px) clamp(20px, 4vw, 28px);background-color:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family-primary);font-size:clamp(14px, 2.5vw, 16px);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-medium) ease;width:max-content;margin:0 auto;min-height:48px;position:relative;overflow:hidden}.submit-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left var(--transition-medium) ease}.submit-button:hover{background-color:var(--accent-color);color:var(--primary-bg);transform:translateY(-2px);box-shadow:0 8px 25px rgb(74 222 128 / .3);border-color:var(--accent-color)}.submit-button:hover::before{left:0}.submit-button:active{transform:translateY(0)}.form-message{font-size:clamp(13px, 2.5vw, 14px);font-weight:500;text-align:center;margin-top:12px;letter-spacing:-.005em;padding:12px;border-radius:var(--border-radius-sm);transition:all var(--transition-medium) ease}.form-message.success{color:var(--success-color);background-color:rgb(5 150 105 / .1);border:1px solid var(--success-color)}.form-message.error{color:var(--error-color);background-color:rgb(255 107 107 / .1);border:1px solid var(--error-color)}#dock-container{position:fixed;bottom:20px;display:flex;align-items:center;justify-content:center;width:100%;padding:0 20px;z-index:1000}.portfolio-footer{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:20px;border-top:1px solid var(--border-color);max-width:1200px;font-size:14px;color:var(--text-muted)}@media screen and (max-width:1200px){.the-one-who-got-it-all{grid-template-columns:1fr;max-width:1000px;gap:clamp(20px, 4vw, 30px)}nav{position:relative;height:auto;text-align:center;padding:clamp(25px, 5vw, 35px)}.main-clmn{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px, 3vw, 24px)}.profile{justify-items:center;grid-template-columns:1fr;text-align:center;max-width:400px;margin:24px auto}.social-main{grid-template-columns:repeat(2,1fr);max-width:400px;margin:20px auto}}@media screen and (max-width:768px){.the-one-who-got-it-all{padding:15px;gap:20px}.main-clmn{grid-template-columns:1fr;gap:16px}.certificate-card,.exp-card,.pro-card{margin:8px 0}.card-header-grid{grid-template-columns:40px 1fr 20px;gap:10px}.contact-form{padding:20px;margin:4px auto}.social-main{grid-template-columns:1fr;gap:10px}.skill-tag-cloud{height:clamp(240px, 60vw, 300px)}}@media screen and (max-width:480px){.macos-dock{display:none!important}.the-one-who-got-it-all{padding:10px}nav{padding:16px 10px}.main-clmn{gap:12px}.social{padding:10px 12px;font-size:13px}.pro-card,.exp-card{padding:14px}.skill-tag-cloud{height:clamp(200px, 70vw, 260px)}.card-header-grid{grid-template-columns:32px 1fr 16px;gap:6px}}@media print{*{background:white!important;color:black!important;box-shadow:none!important}.loading,.macos-dock,.scroll-progress,.skill-tag-cloud{display:none!important}.the-one-who-got-it-all{grid-template-columns:1fr;gap:20px}nav{position:static;height:auto}.exp-card,.pro-card,.certificate-card{break-inside:avoid;margin:10px 0}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.skill-tag-cloud{display:none}.skill-tag-cloud::after{content:"Skills: Python, FastAPI, PostgreSQL, Docker, JavaScript, React, Node.js, AI/ML, IoT, Arduino, Linux, Git, Azure, GCP";display:block;padding:40px;text-align:center;font-size:var(--font-size-body);color:var(--text-primary);background:var(--secondary-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}}@media (prefers-contrast:high){:root{--border-color:#666666;--border-hover:#888888;--text-muted:#cccccc}.exp-card,.pro-card,.certificate-card{border-width:2px}}