:root{--ink:#01161e;--teal:#124559;--blue:#598392;--sage:#aec3b0;--cream:#eff6e0;--paper:#f4f4eb;--orange:#e7a46a;--line:rgba(1,22,30,.16);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--sage);color:var(--ink)}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.shell{width:min(100% - 96px,1440px);margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:-70px;background:var(--cream);color:var(--ink);padding:12px 18px}.skip-link:focus{top:12px}.site-header{height:84px;background:var(--ink);color:var(--cream);border-bottom:1px solid rgba(239,246,224,.18);position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-size:22px;letter-spacing:-.075em;font-weight:900;white-space:nowrap}.wordmark span{font-weight:400}.wordmark i{color:var(--orange);font-style:normal}.site-nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}.site-nav>a:not(.nav-mail){color:rgba(239,246,224,.78);transition:color .2s}.site-nav>a:hover{color:#fff}.nav-mail{border:1px solid rgba(239,246,224,.5);padding:13px 17px;border-radius:2px}.nav-mail span{margin-left:15px;color:var(--orange)}.menu-toggle{display:none}.hero{background:var(--ink);color:var(--cream);overflow:hidden}.hero-grid{min-height:min(740px,calc(100svh - 84px));display:grid;grid-template-columns:1.05fr .95fr;gap:6%;align-items:center;padding-block:72px 50px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-number{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero .eyebrow{color:var(--sage);display:flex;align-items:center;gap:10px;margin:0 0 40px}.status-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px rgba(231,164,106,.16)}h1,h2,h3,p,figure{margin-top:0}.hero h1{font-size:clamp(58px,8.4vw,142px);font-weight:900;line-height:.82;letter-spacing:-.105em;white-space:nowrap;margin:0 0 38px}.hero h1 span{font-weight:300}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:clamp(27px,3.3vw,52px);line-height:1.12;letter-spacing:-.06em;font-weight:300;margin:0 0 22px}.hero-lead strong{font-weight:800;color:var(--orange)}.hero-description{max-width:510px;color:#b5c9c8;font-size:16px;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;padding:17px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover,.project-card:hover .project-arrow{transform:translateY(-3px)}.button-light{background:var(--cream);color:var(--ink)}.button-light:hover{background:#fff}.button span{font-size:20px;font-weight:400}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--sage);padding-block:8px}.text-link span{margin-left:8px;color:var(--orange)}.hero-index{display:flex;align-items:center;gap:15px;color:#8fa6a8;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:70px}.index-line{width:70px;height:1px;background:#527077}.hero-photo{position:relative;height:min(620px,65vw);min-height:480px;overflow:hidden;background:#355060;box-shadow:22px 22px 0 rgba(89,131,146,.13)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:61% 47%;filter:saturate(.84) contrast(1.05)}.hero-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(1,22,30,.7));pointer-events:none}.hero-photo figcaption{position:absolute;z-index:1;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:11px;letter-spacing:.08em}.hero-photo figcaption span:first-child{font-weight:800;text-transform:uppercase}.photo-corner{position:absolute;z-index:1;width:36px;height:36px;border-color:rgba(255,255,255,.8);border-style:solid}.photo-corner-top{left:20px;top:20px;border-width:1px 0 0 1px}.photo-corner-bottom{right:20px;bottom:20px;border-width:0 1px 1px 0}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(239,246,224,.15);padding-block:22px;color:#8fa6a8;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.section-pad{padding-block:125px}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:25% 1fr;gap:6%}.section-side{display:flex;align-items:flex-start;gap:22px;padding-top:13px}.section-number{display:block;color:var(--blue);white-space:nowrap}.side-rule{height:1px;background:var(--blue);flex:1;margin-top:5px}.dark-eyebrow{color:var(--teal);margin-bottom:22px}.about h2,.section-heading h2,.contact h2{font-size:clamp(48px,7vw,100px);line-height:.99;letter-spacing:-.08em;font-weight:800;margin-bottom:60px}.about h2 em,.section-heading h2 em,.contact h2 em{font-style:normal;font-weight:300;color:var(--teal)}.about-body{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;max-width:900px}.about-body p{font-size:16px;line-height:1.75;color:#40585d}.about-body .about-intro{font-size:clamp(21px,2.2vw,31px);font-weight:700;line-height:1.4;letter-spacing:-.035em;color:var(--ink)}.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px}.about-tags span{border:1px solid rgba(1,22,30,.25);padding:10px 13px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.projects{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.section-heading .section-number{margin-bottom:24px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:280px;color:#57696a;font-size:15px;line-height:1.7;margin-bottom:6px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:block;min-width:0;border:1px solid var(--line);background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 14px 30px rgba(1,22,30,.08)}.project-art{height:300px;display:grid;place-items:center;overflow:hidden}.dev-art{background:#183b4b}.terminal{width:75%;height:190px;background:#071b24;border:1px solid #4d6873;border-radius:9px;box-shadow:16px 20px 0 rgba(0,0,0,.12);transform:rotate(-4deg)}.terminal-top{height:34px;border-bottom:1px solid #314a53;display:flex;align-items:center;gap:5px;padding-inline:13px;color:#75939a;font:10px monospace}.terminal-top i{width:7px;height:7px;background:#de9470;border-radius:50%}.terminal-top i:nth-child(2){background:#d8c987}.terminal-top i:nth-child(3){background:#91baa0}.terminal-top span{margin-left:12px}.terminal-body{display:grid;gap:12px;padding:27px 23px;font:clamp(12px,1vw,15px) monospace;color:#e8f0e8}.terminal-body .terminal-muted{color:#7c9a9b}.terminal-body b{color:#dcaa7f;font-weight:400}.terminal-body em{color:#b5d6a2;font-style:normal}.cursor{display:inline-block;background:#dca36d;width:8px;height:14px;vertical-align:middle;margin-left:4px}.sticker-art{background:#dce9dc;position:relative}.sticker-shape{position:absolute;display:grid;place-items:center;box-shadow:8px 12px 0 rgba(1,22,30,.08),0 0 0 8px #fff;font-weight:900}.sticker-one{width:135px;height:135px;border-radius:50%;background:#eab273;color:var(--ink);font-size:90px;transform:rotate(-15deg) translate(-68px,6px)}.sticker-two{width:128px;height:74px;border-radius:14px;background:var(--teal);color:#fff;font-size:28px;transform:rotate(13deg) translate(68px,-38px)}.sticker-three{width:72px;height:72px;border-radius:50%;background:#f0eee2;color:#d48f60;font-size:48px;transform:rotate(-18deg) translate(125px,100px)}.rezsi-art{background:#aec3b0}.chart-card{width:74%;height:196px;background:#f4f5ec;padding:20px 22px;box-shadow:15px 16px 0 rgba(18,69,89,.17);transform:rotate(3deg);display:flex;flex-direction:column;justify-content:space-between}.chart-card>span{font-size:12px;font-weight:800}.chart-card>b{font-size:11px;color:var(--teal)}.chart-bars{height:80px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #819b9c}.chart-bars i{flex:1;background:var(--teal);height:48%}.chart-bars i:nth-child(2){height:73%}.chart-bars i:nth-child(3){height:55%}.chart-bars i:nth-child(4){height:92%;background:#e7a46a}.chart-bars i:nth-child(5){height:68%}.chart-bars i:nth-child(6){height:82%}.project-info{min-height:174px;padding:28px;display:flex;justify-content:space-between;gap:8px}.project-kind{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--blue)}.project-info h3{font-size:23px;letter-spacing:-.045em;margin:15px 0 10px}.project-info p{font-size:13px;color:#647477;line-height:1.5;margin:0}.project-arrow{font-size:27px;line-height:1;transition:transform .2s}.more-tools{border-top:1px solid var(--line);margin-top:65px;padding-top:25px;display:flex;justify-content:space-between;gap:24px;align-items:center}.more-tools p{font-size:13px;color:#5d6e70;margin:0}.more-tools>div{display:flex;gap:22px;flex-wrap:wrap}.more-tools a{font-size:13px;font-weight:700;border-bottom:1px solid #829798;padding-bottom:5px}.more-tools a span{color:var(--teal)}.more-tools a:hover{color:var(--teal)}.contact{background:var(--teal);color:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.contact .section-number{color:var(--sage);margin-bottom:25px}.contact h2{margin:0 0 25px}.contact h2 em{color:var(--sage)}.contact p:not(.section-number){color:#c0d1d2;font-size:16px;line-height:1.6;margin:0}.contact-link{border-bottom:1px solid rgba(239,246,224,.6);padding-bottom:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:clamp(24px,3vw,45px);letter-spacing:-.065em;font-weight:700}.contact-link span:last-child{color:var(--orange);font-weight:400}.contact-link:hover{color:#fff}.site-footer{background:var(--ink);color:#9db5b7}.footer-inner{min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer .wordmark{color:var(--cream)}.footer-inner>span,.footer-inner>a:last-child{font-size:11px}.footer-inner>a:last-child:hover{color:#fff}
@media(max-width:1100px){.shell{width:min(100% - 64px,1440px)}.hero-grid{gap:4%}.hero h1{font-size:clamp(52px,7.5vw,95px)}.hero-photo{min-height:420px}.project-art{height:250px}.project-info{padding:22px}.project-info h3{font-size:20px}}
@media(max-width:760px){.shell{width:min(100% - 40px,1440px)}.site-header{height:70px}.menu-toggle{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid rgba(239,246,224,.35);background:transparent;color:var(--cream)}.menu-toggle span{height:1px;width:18px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;padding:22px 20px 28px;background:var(--ink);border-bottom:1px solid rgba(239,246,224,.25);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px rgba(0,0,0,.2)}.site-nav.is-open{display:flex}.site-nav>a{padding:15px 2px}.site-nav .nav-mail{margin-top:10px;padding:16px;border-color:rgba(239,246,224,.5)}.hero-grid{min-height:0;grid-template-columns:1fr;gap:44px;padding-top:70px;padding-bottom:50px}.hero .eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(58px,12vw,94px);margin-bottom:28px}.hero-photo{height:75vw;min-height:360px;max-height:580px}.hero-index{margin-top:40px}.hero-bottom{padding-block:18px}.section-pad{padding-block:80px}.about-grid{grid-template-columns:1fr;gap:35px}.section-side .side-rule{max-width:100px}.about h2,.section-heading h2,.contact h2{font-size:clamp(46px,8vw,75px);margin-bottom:40px}.about-body{grid-template-columns:1fr;gap:8px}.section-heading{display:block}.section-heading>p{margin-top:25px}.project-grid{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:span 2}.project-card:last-child .project-art{height:250px}.more-tools{align-items:start;flex-direction:column}.contact-grid{grid-template-columns:1fr;gap:50px}.footer-inner{min-height:130px;flex-wrap:wrap;padding-block:28px}.footer-inner .wordmark{width:100%}}
@media(max-width:520px){.shell{width:min(100% - 36px,1440px)}.hero-grid{padding-top:55px;gap:34px}.hero h1{font-size:clamp(52px,13.3vw,76px)}.hero-lead{font-size:34px}.hero-description{font-size:15px}.hero-actions{gap:18px}.hero-photo{height:108vw;min-height:390px}.hero-photo figcaption{font-size:9px;left:18px;right:18px;bottom:17px}.hero-bottom{font-size:9px}.section-pad{padding-block:70px}.about h2,.section-heading h2,.contact h2{font-size:clamp(43px,11vw,58px)}.project-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto}.project-art,.project-card:last-child .project-art{height:245px}.project-info{min-height:145px}.more-tools>div{gap:16px}.contact-link{font-size:clamp(22px,6vw,35px)}.footer-inner>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Portrait composition */
.hero-visual{position:relative;height:min(620px,65vw);min-height:480px;margin:0;overflow:hidden;isolation:isolate}
.hero-visual:before{content:"";position:absolute;inset:5% 3% 8%;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(174,195,176,.12) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(174,195,176,.12) 50%,transparent calc(50% + .5px));border:1px solid rgba(174,195,176,.14);z-index:-1}
.portrait-disc{position:absolute;z-index:0;width:86%;aspect-ratio:1;left:7%;bottom:5%;border-radius:50%;background:radial-gradient(circle at 34% 25%,#598392 0%,#285b6c 42%,#124559 70%,#092c3a 100%);box-shadow:inset 0 0 90px rgba(1,22,30,.35),0 0 0 1px rgba(174,195,176,.23)}
.portrait-orbit{position:absolute;border:1px solid rgba(174,195,176,.25);border-radius:50%;pointer-events:none}.portrait-orbit-outer{width:105%;aspect-ratio:1;left:-2.5%;bottom:-5%}.portrait-orbit-inner{width:72%;aspect-ratio:1;left:14%;bottom:14%;border-style:dashed;opacity:.65}
.hero-visual img{position:absolute;z-index:2;width:90%;height:auto;max-width:none;left:5%;bottom:-5%;filter:drop-shadow(14px 12px 18px rgba(1,22,30,.3));transform:translateZ(0)}
.portrait-spark{position:absolute;z-index:3;top:12%;right:9%;font-size:42px;font-weight:300;line-height:1;color:var(--orange)}
@media(max-width:760px){.hero-visual{height:min(590px,120vw);min-height:390px}.hero-visual img{width:90%;bottom:-5%}}
@media(max-width:520px){.hero-visual{height:112vw;min-height:380px}.portrait-spark{font-size:30px}}

/* Uniform wordmark and monochrome portrait treatment */
.wordmark span,.hero h1 span{font-weight:900}
.portrait-disc{background:radial-gradient(circle at 34% 25%,#6a8287 0%,#3b5961 43%,#173b48 73%,#092c3a 100%)}
.portrait-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(239,246,224,.43) 1px,transparent 1.5px) 0 0/11px 11px;mask-image:linear-gradient(105deg,transparent 15%,#000 100%);opacity:.55}

/* Theme control and system preference */
:root[data-theme="light"]{color-scheme:light;background:#f4f4eb}
:root[data-theme="dark"]{color-scheme:dark;background:#01161e}
.site-nav .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid rgba(239,246,224,.38);border-radius:4px;color:inherit;min-height:42px;padding:9px 12px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}
.site-nav .theme-toggle:hover{background:rgba(174,195,176,.13)}
.site-nav .theme-icon{font-size:16px;line-height:1}
[data-theme="dark"] .about{background:#102a34;color:#eff6e0}
[data-theme="dark"] .about h2 em,[data-theme="dark"] .section-heading h2 em{color:#aec3b0}
[data-theme="dark"] .about-body p{color:#bfd0ce}
[data-theme="dark"] .about-body .about-intro{color:#eff6e0}
[data-theme="dark"] .about-tags span{border-color:#598392}
[data-theme="dark"] .section-number,[data-theme="dark"] .dark-eyebrow{color:#aec3b0}
[data-theme="dark"] .side-rule{background:#598392}
[data-theme="dark"] .projects{background:#01161e;color:#eff6e0}
[data-theme="dark"] .section-heading>p,[data-theme="dark"] .more-tools p{color:#b6c9c8}
[data-theme="dark"] .project-card{background:#152d37;border-color:#3b5962;color:#eff6e0}
[data-theme="dark"] .project-info p{color:#bed0ce}
[data-theme="dark"] .project-kind{color:#aec3b0}
[data-theme="dark"] .more-tools{border-color:#3b5962}
[data-theme="dark"] .more-tools a{border-color:#598392}
[data-theme="light"] .site-header{background:#eff6e0;color:#01161e;border-bottom-color:#c9d7c7}
[data-theme="light"] .site-nav>a:not(.nav-mail){color:#124559}
[data-theme="light"] .nav-mail,[data-theme="light"] .site-nav .theme-toggle{border-color:#9db2a8}
[data-theme="light"] .hero{background:#eff6e0;color:#01161e}
[data-theme="light"] .hero .eyebrow{color:#124559}
[data-theme="light"] .hero-description{color:#385862}
[data-theme="light"] .hero-index,[data-theme="light"] .hero-bottom{color:#4b6d74}
[data-theme="light"] .hero-bottom{border-top-color:#c9d7c7}
[data-theme="light"] .index-line{background:#91aaa6}
[data-theme="light"] .button-light{background:#124559;color:#eff6e0}
[data-theme="light"] .button-light:hover{background:#01161e}
[data-theme="light"] .text-link{border-color:#124559}
[data-theme="light"] .about{background:#fff}
[data-theme="light"] .projects{background:#f4f4eb}
[data-theme="light"] .site-footer{background:#eff6e0;color:#47656b;border-top:1px solid #c9d7c7}
[data-theme="light"] .site-footer .wordmark{color:#01161e}
[data-theme="light"] .footer-inner>a:last-child:hover{color:#124559}
@media(max-width:760px){[data-theme="light"] .menu-toggle{border-color:#9db2a8;color:#01161e}[data-theme="light"] .site-nav{background:#eff6e0;border-bottom-color:#c9d7c7}[data-theme="light"] .site-nav .nav-mail{border-color:#9db2a8}.site-nav .theme-toggle{justify-content:flex-start;width:100%;margin-top:8px;padding:14px 2px;border:0;border-top:1px solid rgba(174,195,176,.3);border-radius:0}}

/* GitHub projects */
.github-showcase{margin-top:54px;padding:32px 36px;border:1px solid var(--line);background:#fff}
.github-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.github-heading .project-kind{display:block;margin-bottom:12px}
.github-heading h3{font-size:clamp(25px,3vw,39px);letter-spacing:-.055em;line-height:1.1;margin:0 0 10px}
.github-heading p:last-child{color:#57696a;font-size:14px;line-height:1.6;margin:0}
.github-profile-link{display:inline-flex;align-items:center;gap:24px;white-space:nowrap;border:1px solid var(--teal);padding:14px 17px;color:var(--teal);font-size:13px;font-weight:800;transition:background .2s,color .2s}
.github-profile-link:hover{background:var(--teal);color:#fff}
.github-profile-link span{font-size:19px;font-weight:400;line-height:1}
.github-repos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.github-repo{min-width:0;min-height:138px;padding:20px 22px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s}
.github-repo:hover{border-color:var(--teal);transform:translateY(-2px)}
.github-repo-meta{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}
.github-repo strong{max-width:100%;overflow-wrap:anywhere;font-size:18px;letter-spacing:-.035em;margin:10px 0 16px}
.github-repo-cta{font-size:12px;font-weight:700;margin-top:auto;color:var(--teal)}
.github-repo-cta span{margin-left:5px}
.github-showcase + .more-tools{margin-top:32px}
[data-theme="dark"] .github-showcase{background:#102a34;border-color:#3b5962}
[data-theme="dark"] .github-heading p:last-child{color:#b6c9c8}
[data-theme="dark"] .github-profile-link{color:var(--cream);border-color:var(--sage)}
[data-theme="dark"] .github-profile-link:hover{background:var(--sage);color:var(--ink)}
[data-theme="dark"] .github-repo{background:#152d37;border-color:#3b5962}
[data-theme="dark"] .github-repo:hover{border-color:var(--sage)}
[data-theme="dark"] .github-repo-meta,[data-theme="dark"] .github-repo-cta{color:var(--sage)}
@media(max-width:760px){.github-showcase{padding:26px}.github-heading{align-items:start;flex-direction:column}.github-repos{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.github-showcase{padding:20px}.github-repos{grid-template-columns:1fr}.github-repo{min-height:120px}}

/* Account access */
.site-nav .nav-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;padding:13px 17px;background:var(--sage);color:var(--ink);border-radius:2px;transition:background .2s,color .2s}
.site-nav .nav-login:hover{background:var(--cream);color:var(--ink)}
.site-nav .nav-login span{font-size:17px;line-height:1;font-weight:400}
[data-theme="light"] .site-nav .nav-login{background:var(--teal);color:var(--cream)}
[data-theme="light"] .site-nav .nav-login:hover{background:var(--ink);color:var(--cream)}
@media(max-width:1100px) and (min-width:761px){.site-nav{gap:14px;font-size:12px}.site-nav .nav-login,.site-nav .nav-mail{padding:12px}}
@media(max-width:760px){.site-nav .nav-login{margin-top:10px;min-height:46px}}
