@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--off-black:#111;--surface:#161616;--border:#ffffff14;--border-mid:#ffffff24;--white:#f5f2ec;--muted:#f5f2ec73;--accent:#c8a97e;--accent-dim:#c8a97e1f;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--nav-h:68px;--ease:cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;border:none;font-weight:400;line-height:1.65}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--off-black)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.navbar{z-index:1000;width:100%;height:var(--nav-h);-webkit-backdrop-filter:blur(18px)saturate(150%);border-bottom:1px solid var(--border);font-family:var(--font-body);background:#0a0a0ab8;justify-content:space-between;align-items:center;padding:0 48px;font-size:15px;display:flex;position:fixed;top:0;left:0}.logo{font-family:var(--font-display);letter-spacing:.01em;color:var(--white);font-size:22px;font-weight:600}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a,.nav-links button{color:var(--muted);font-size:14px;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .25s var(--ease);background:0 0;border:none;padding:0;font-weight:400;text-decoration:none}.nav-links a:hover,.nav-links button:hover{color:var(--white);transform:none}.Home{width:100%;height:100vh;padding-top:var(--nav-h);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:relative;overflow:hidden}.Home:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}#personalphoto{object-fit:cover;border:1px solid var(--border-mid);width:160px;height:160px;transition:box-shadow .4s var(--ease);border-radius:50%;box-shadow:0 0 0 8px #c8a97e0f}#personalphoto:hover{box-shadow:0 0 0 12px #c8a97e1f}#greeting{color:var(--white);text-align:center}.cursor{border-right:2px solid var(--accent);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;color:var(--white);margin:0 auto;font-size:2.6rem;font-weight:500;display:inline-block;position:relative;overflow:hidden}.typewriter-animation{animation:3s steps(30,end) 1s both typewriter,.7s infinite blinkingCursor}@keyframes blinkingCursor{0%{border-right-color:var(--accent)}to{border-right-color:#0000}}.Bio{flex-direction:column;align-items:center;padding:80px 0;display:flex}.frame{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:fit-content;max-width:860px;margin:0 auto;padding:48px 56px}#bio{text-align:justify;color:#f5f2ecd1;max-width:720px;font-size:17px;font-weight:300;line-height:1.85}section{width:100%;height:100vh;transition:transform .45s var(--ease);justify-content:center;align-items:center;display:flex}main{scroll-snap-type:y mandatory}.cards{flex-direction:column;justify-content:center;align-items:center;gap:40px;height:100vh;display:flex}#cards{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:900px;padding:24px;display:grid}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:auto;min-height:120px;color:var(--muted);transition:border-color .25s var(--ease), background .25s var(--ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 16px;font-size:14px;display:flex}.card:hover{border-color:var(--border-mid);color:var(--white);background-color:#ffffff0a}.card:nth-child(2){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-height:280px;color:var(--white);padding:28px}.card:nth-child(2) .title{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px;font-weight:500;display:flex}.card:nth-child(2) .big{font-family:var(--font-display);color:var(--accent);text-align:left;margin:8px 0 16px;font-size:64px;font-weight:400}.card:nth-child(2) img{border-radius:var(--radius-sm);opacity:.85;width:100%;margin-top:16px}#shape{background:conic-gradient(var(--accent) 0% 10%, #4a7c59 10% 30%, var(--surface) 30% 100%);border-radius:50%;width:72px;height:72px}.works{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:960px;padding:40px;display:grid}.work{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--white);width:100%;height:auto;min-height:72px;transition:border-color .25s var(--ease), background .25s var(--ease), transform .2s var(--ease);cursor:pointer;background:0 0;justify-content:flex-start;align-items:center;padding:20px 28px;display:flex}.work a{color:var(--muted);letter-spacing:.02em;width:100%;transition:color .25s var(--ease);background:0 0;justify-content:flex-start;align-items:center;font-size:15px;font-weight:400;text-decoration:none;display:flex}.work:hover{border-color:var(--accent);background:var(--accent-dim);width:100%;font-size:inherit;transform:translate(4px)}.work:hover a{color:var(--accent);background:0 0}.language-box{color:var(--white);flex-direction:column;grid-area:1/2/5;gap:28px;font-size:15px;display:flex}.skill-section{flex-direction:column;gap:10px;display:flex}.icons{gap:48px;font-size:32px;display:flex}.icons svg{transition:color .25s var(--ease), transform .25s var(--ease);cursor:pointer;color:var(--muted)}.icons svg:hover{color:var(--accent);transform:translateY(-4px)}.website{width:100%;min-height:100vh;position:relative}.websites{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;gap:50px;width:100%;max-width:1200px;margin:50px auto 0;padding:40px 20px;transition:all .4s;display:grid}.icontainer{background:#111;border:1px solid #2d2d2d;border-radius:18px;transition:all .3s;overflow:hidden}.icontainer:hover{border-color:#555;transform:translateY(-5px)}.iframe{background:#fff;border:none;width:100%;height:240px}.fullscreen-view{z-index:9999;background:#0b0b0b;flex-direction:column;width:100%;height:100vh;animation:.4s smoothOpen;display:flex;position:fixed;inset:0}.fullscreen-header{color:#fff;background:#121212;border-bottom:1px solid #222;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.fullscreen-header h2{font-size:18px;font-weight:500}.fullscreen-iframe{background:#fff;border:none;flex:1;width:100%}@keyframes smoothOpen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.websites{grid-template-columns:1fr}.iframe{height:220px}.website{min-height:50vh;position:relative}}.icontainer{position:relative}.iframe{pointer-events:none;border:none;width:100%;height:300px}.minimize-btn{color:#fff;cursor:pointer;z-index:99999;background:#1e293b;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;transition:all .3s;display:flex}.minimize-btn:hover{background:#2563eb;transform:scale(1.08)}.card-actions{z-index:50;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;right:18px}.open-btn,.play-btn{color:#fff;cursor:pointer;background:#000000d1;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:80px;height:42px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.contact{background:var(--black);color:var(--white);text-align:center;flex-direction:column;align-items:center;gap:24px;padding:100px 40px;display:flex}.contact h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin-bottom:4px;font-size:42px;font-weight:500}.contact p{color:var(--muted);max-width:440px;font-size:16px}.contact-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.contact-links a{border:1px solid var(--border-mid);color:var(--muted);letter-spacing:.04em;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);background:0 0;border-radius:40px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:400;text-decoration:none;display:flex}.contact-links a:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);transform:none}.contact-form{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--white);font-family:var(--font-body);transition:border-color .2s var(--ease);outline:none;padding:14px 18px;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted)}.contact-form button{border:1px solid var(--border-mid);color:var(--white);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);background:0 0;border-radius:40px;padding:14px;font-size:14px;font-weight:500}.contact-form button:hover{background:var(--accent);border-color:var(--accent);color:var(--black);transform:none}.blog-wrapperer{justify-content:center;align-items:center;width:100%;display:flex}.blog-wrapper{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;gap:40px;width:100%;max-width:1200px;margin-top:5vh;padding:40px 20px;display:grid}.blog-content{padding:18px}.blog-content h3{color:#fff;margin-bottom:16px;font-size:18px}.card-actions{gap:12px;display:flex}.open-btn,.play-btn{color:#fff;cursor:pointer;background:#000000d1;border:none;border-radius:10px;padding:10px 18px;transition:all .3s}.icontainer{overflow:hidden}.iframe{width:calc(100% + 17px);height:100%}.open-btn:hover,.play-btn:hover{background:#2563eb;transform:translateY(-2px)}.hide-grid{display:none}@media (width<=1100px){.navbar{padding:0 28px;font-size:14px}#bio{font-size:16px}.frame{padding:36px 32px}.works{grid-template-columns:1fr;max-width:520px;margin:0 auto;padding:24px}.language-box{grid-area:auto/1}@keyframes typewriter{0%{width:0}to{width:70%}}}@media (width>=1600px){.navbar{padding:0 72px;font-size:15px}.logo{font-size:24px}#personalphoto{width:200px;height:200px}#bio{max-width:840px;font-size:19px}.cursor{font-size:3.2rem}@keyframes typewriter{0%{width:0}to{width:32%}}}.cards{background-color:#0d1117;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem;display:flex}.card{color:#fff;background:#161b22;border:1px solid #30363d;border-radius:12px;flex-direction:column;gap:1rem;width:350px;padding:1.5rem;display:flex;box-shadow:0 4px 12px #00000080}.title{border-bottom:1px solid #30363d;justify-content:space-between;padding-bottom:.5rem;font-family:Segoe UI,sans-serif;display:flex}.title span:first-child{color:#58a6ff;font-weight:700}.big{text-align:center;color:#f0f6fc;margin:1rem 0;font-size:3rem;font-weight:800}.stats-row{flex-direction:column;gap:.8rem;display:flex}.bar-container{justify-content:space-between;align-items:center;gap:10px;display:flex}.label-text{width:80px;font-size:.9rem}.bar-bg{background:#30363d;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.bar{height:100%;transition:width .5s ease-in-out}.easy{background-color:#2eb67d}.medium{background-color:#ecb22e}.hard{background-color:#e01e5a}.heatmap{filter:brightness(.9);border-radius:4px;width:100%;height:auto;margin-top:1rem}.blog-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.icontainer{border-radius:15px;width:400px;height:500px;position:relative;overflow:hidden;box-shadow:0 5px 15px #0003}.iframe{border:none;width:100%;height:100%}.iframe-overlay{text-align:center;color:#fff;background:0 0;width:100%;padding:12px;font-weight:700;text-decoration:none;position:absolute;bottom:0;left:0}.iframe-wrapper{justify-content:center;align-items:center;width:100%;height:1000px;display:flex;position:relative;overflow:hidden}.iframecode{border:none;width:100%;height:1000px;margin-top:-89px;display:none}.coding_platform{justify-content:center;align-items:center;margin-top:80px;display:flex}.navbarhider{z-index:1;background-color:#f3f4f6;width:7.1%;height:950.5px;margin-top:85px;display:none;position:absolute;top:0;left:0}@media (width<=640px){.navbar{height:56px;padding:0 18px}.logo{font-size:18px}.nav-links{gap:18px}.nav-links a,.nav-links button{font-size:12px}.Home{gap:24px;padding-top:56px}#personalphoto{width:120px;height:120px}.cursor{font-size:1.8rem}.frame{border-radius:var(--radius-md);padding:28px 20px}#cards{grid-template-columns:1fr 1fr;gap:12px}.websites{grid-template-columns:1fr}.works{grid-template-columns:1fr;margin:0 auto;padding:20px}.icons{grid-template-rows:repeat(2,auto);grid-auto-flow:column;place-items:center;gap:28px;font-size:26px;display:grid}.contact h1{font-size:30px}.contact{padding:60px 20px}.iframecode{height:4050px}@keyframes typewriter{0%{width:0}to{width:90%}}}@media (width<=800px){.iframe-wrapper{height:auto;overflow:visible}.iframecode{width:100%;height:2550px;min-height:100vh;display:block}}