@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-accent:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-poppins),"Poppins",sans-serif;font-weight:600;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}.navbar .container{max-width:100vw;width:100vw;margin:0;padding:0 2rem;box-sizing:border-box}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-color)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;padding:1rem 0}.desktop-nav,.nav-right{display:flex;align-items:center;gap:1rem}.mobile-menu-button{display:none}.mobile-nav-right{display:none;align-items:center;gap:1rem}.hamburger-btn{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:.75rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.hamburger-btn:hover{background-color:var(--bg-accent);color:var(--primary-color);transform:scale(1.05)}.hamburger-btn:active{transform:scale(.95)}.mobile-nav-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:999;animation:slideDown .3s ease-out;padding:1rem 0}.mobile-nav-menu{display:flex;flex-direction:column;padding:0}.mobile-nav-link{display:block;padding:.5rem 2rem;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1.1rem;transition:all .2s ease;border-bottom:1px solid var(--border-color);position:relative}.mobile-nav-link:hover{background-color:var(--bg-accent);color:var(--primary-color);transform:translateX(8px)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);transform:scaleY(0);transition:transform .2s ease}.mobile-nav-link:hover:before{transform:scaleY(1)}.mobile-user-widget{padding:1.5rem 2rem;border-top:2px solid var(--border-color);display:flex;justify-content:center;background:var(--bg-secondary);margin-top:.5rem}.nav-brand{margin-left:0}.nav-brand,.user-widget{display:flex;align-items:center}.user-widget{position:relative}.sign-in-button{background:#1a73e8;color:#fff;padding:8px 24px;border-radius:4px;text-decoration:none;font-weight:500;font-size:14px;transition:background-color .2s ease;border:none;cursor:pointer}.sign-in-button:hover{background:#1557b0}@media (max-width:768px){.sign-in-button{padding:12px 20px;font-size:16px;font-weight:600;border-radius:8px;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(26,115,232,.2);transition:all .2s ease}.sign-in-button:hover{background:#1557b0;box-shadow:0 4px 8px rgba(26,115,232,.3);transform:translateY(-1px)}.sign-in-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(26,115,232,.2)}.user-widget .sign-in-button{margin:0 8px;white-space:nowrap}.nav-logo{font-size:1.25rem!important;display:flex;align-items:center;transition:all .2s ease}.nav-logo:hover{color:var(--primary-dark);transform:scale(1.02)}.nav-logo:active{transform:scale(.98)}.nav-brand{margin-right:12px}.navbar .container{padding:0 .75rem;max-width:100vw;width:100vw;box-sizing:border-box}.nav-content{padding:.75rem 0;gap:.5rem}.mobile-nav-right{display:flex;align-items:center;gap:.5rem}.nav-brand{flex-shrink:0;margin-right:8px}}.user-avatar{width:32px;height:32px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;border:2px solid transparent}.user-avatar:hover{border-color:#dadce0;box-shadow:0 1px 3px rgba(0,0,0,.12)}.user-avatar.loading{background:#f1f3f4;color:transparent}.loading-spinner{width:16px;height:16px;border:2px solid #dadce0;border-top-color:#1a73e8;border-radius:50%;animation:spin 1s linear infinite}.avatar-initials{font-size:14px;font-weight:500}.avatar-initials.large{font-size:24px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:280px;z-index:1001;border:1px solid #dadce0}.mobile-user-dropdown{position:fixed;top:180%;left:50%;transform:translate(-50%,-50%);margin-top:0;min-width:320px;max-width:90vw;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.2);border:none;animation:slideUp .3s ease-out;z-index:1002}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}.dropdown-header{padding:16px;display:flex;align-items:center;gap:12px}.dropdown-avatar{width:48px;height:48px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500}.user-info{flex:1 1}.user-name{font-weight:500;color:#202124;margin-bottom:4px}.user-email{font-size:14px;color:#5f6368}.dropdown-divider{height:1px;background:#dadce0;margin:8px 0}.dropdown-actions{padding:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;color:#202124;font-size:14px;transition:background-color .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.sign-out{color:#5f6368}.dropdown-icon{font-size:16px;width:20px;text-align:center}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:var(--primary-dark)}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)}.scroll-header{animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hero{height:calc(100vh - 5rem);display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;text-align:center;max-width:96rem;margin:0 auto}.hero h1{font-size:4rem;margin-bottom:1rem;animation:fadeInUp 1s ease}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1s ease .2s both}.hero-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeInUp 1s ease .4s both}.btn{display:inline-block;padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:#fff;border:2px solid #fff}.btn-secondary:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px)}.section{padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{color:var(--text-primary);margin-bottom:1rem}.section-title p{color:var(--text-secondary);font-size:1.125rem}.about{background:var(--bg-secondary);padding:6rem 0}.about-content{display:flex;flex-direction:column;align-items:center;text-align:left;max-width:800px;margin:0 auto}.about-text h3{margin-bottom:1rem;color:var(--primary-color);font-size:2.2rem;font-weight:700}.about-text p{margin-bottom:1.5rem;color:var(--text-primary);line-height:1.8;font-size:1.1rem}.about-text{color:#4a5568;font-weight:500}.skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.skill-tag{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.about-image{text-align:center}.about-image img{width:300px;height:300px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-lg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.project-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-image{width:100%;height:200px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.project-content{padding:1.5rem}.project-content h3{margin-bottom:.5rem;color:var(--text-primary)}.project-content p{color:var(--text-secondary);margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{background:var(--bg-accent);color:var(--text-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem}.project-links{display:flex;gap:1rem}.project-links a{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem}.project-links a:hover{text-decoration:underline}.contact{background:var(--bg-secondary)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-form{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.item-card{border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:12px;background:var(--bg-primary)}.item-header{justify-content:space-between;align-items:center}.item-actions,.item-header{display:flex;gap:.5rem}.link-button{display:inline-block;margin-left:auto;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);text-decoration:none;color:inherit}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary);text-align:left}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--text-primary);color:#fff;text-align:center}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-links a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:var(--primary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.desktop-nav,.nav-links{display:none}.mobile-nav-right{display:flex}.mobile-menu-button{display:block}.mobile-nav-dropdown{display:block;padding:0 .75rem .5rem}.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.about-content{gap:2rem}.about-content,.projects-grid{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_6bee3b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_6bee3b;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_6bee3b{font-family:__Poppins_6bee3b,__Poppins_Fallback_6bee3b;font-style:normal}.__variable_6bee3b{--font-poppins:"__Poppins_6bee3b","__Poppins_Fallback_6bee3b"}