*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{background:#fff;font:13px/1.5 "Helvetica Neue",arial,sans-serif}input,button{font-family:inherit;font-size:inherit}a{color:#0069d6}a:hover{color:#0050a3}a img{border:0}@media screen{html,body{ height:100%;color:#1f1f1f}}label{display:block;overflow:hidden}label span{display:block;font-weight:500;font-size:11px}.hasPlaceholders label span{display:none}.text{width:100%;height:33px;border:1px solid #bbb;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:0;-webkit-box-shadow:inset 1px 1px 1px #fff,inset 1px 2px 10px rgba(0,0,0,.2);-moz-box-shadow:inset 1px 1px 1px #fff,inset 1px 2px 10px rgba(0,0,0,.2);box-shadow:inset 1px 1px 1px #fff,inset 1px 2px 10px rgba(0,0,0,.2)}.button{display:inline-block;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:5px 24px 7px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);color:inherit;font-size:inherit;font-family:"Helvetica Neue Medium","Helvetica Neue",arial,sans-serif;font-weight:500;text-align:center;text-decoration:none}.button.otherAction{border-color:#bbb;background:-webkit-linear-gradient( #f5f5f5, #d5d5d5);background:-moz-linear-gradient( #f5f5f5, #d5d5d5);background:-ms-linear-gradient( #f5f5f5, #d5d5d5);background:-o-linear-gradient( #f5f5f5, #d5d5d5);background:linear-gradient( #f5f5f5, #d5d5d5);background-color:#f5f5f5;text-shadow:0 1px 0 #fff}.button.otherAction:active{background:-webkit-linear-gradient( #d5d5d5, #f5f5f5);background:-moz-linear-gradient( #d5d5d5, #f5f5f5);background:-ms-linear-gradient( #d5d5d5, #f5f5f5);background:-o-linear-gradient( #d5d5d5, #f5f5f5);background:linear-gradient( #d5d5d5, #f5f5f5);background-color:#d5d5d5}.button.suggestedAction{border-color:rgba(0,0,0,.4);color:#fff;background:-webkit-linear-gradient( #8aa138, #426c06);background:-moz-linear-gradient( #8aa138, #426c06);background:-ms-linear-gradient( #8aa138, #426c06);background:-o-linear-gradient( #8aa138, #426c06);background:linear-gradient( #8aa138, #426c06);background-color:#426c06;text-shadow:0 -1px 0 rgba(0,0,0,.5)}.button.suggestedAction:active{background:-webkit-linear-gradient( #426c06, #8aa138);background:-moz-linear-gradient( #426c06, #8aa138);background:-ms-linear-gradient( #426c06, #8aa138);background:-o-linear-gradient( #426c06, #8aa138);background:linear-gradient( #426c06, #8aa138);background-color:#9ab43f}.button.suggestedAction:hover{color:#fff}:invalid,:-moz-submit-invalid,:-moz-ui-invalid{box-shadow:none}@media screen{#header{ position:absolute;z-index:100;top:0;left:0;right:0;height:45px;line-height:44px;border-bottom:1px solid #1f1f1f;background:#44557e;color:#fff;text-shadow:0 -1px 0 #444}#header.fixed{position:fixed}#nav{position:absolute;overflow:hidden;top:0;left:186px;right:30px;height:100%;list-style:none}#nav li{float:right;height:44px;margin-left:5px;white-space:nowrap}#nav a,#nav b{display:block;height:100%;padding:0 10px}#nav a{-webkit-transition:border .1s;-moz-transition:border .1s;-o-transition:border .1s;transition:border .1s;color:#fff;text-decoration:none;border-bottom:0 solid #fff}#nav a:hover{border-bottom-width:4px}#nav b{background:#56658a;border-bottom:4px solid #fff}#home{position:absolute;overflow:hidden;top:0;left:10px;width:176px;height:100%}#home a{display:block}#page{padding-top:45px;padding-bottom:37px;min-height:100%}#footer{overflow:hidden;margin-top:-37px;border-top:1px solid #222;padding:9px 0;line-height:18px;background:#313131;color:#fafafa;font-family:"Helvetica Neue Light","Helvetica Neue",arial,sans-serif;font-weight:300}#footer .left{float:left}#footer .right{float:right}#footer a{margin-left:5px;color:inherit}.content{position:relative;margin:0 auto;max-width:900px;height:100%;padding:0 30px}.nowrap{white-space:nowrap}}@media screen and (max-height: 600px){#header.fixed{ position:absolute}}@media (max-width: 640px){.content{ padding:0 15px}.not-mobile{display:none}}@media print{#header,#footer{ display:none}}#login fieldset{width:100%;border:1px solid #bbb;padding:12px 20px 20px;background:#e3e3e3;box-shadow:0 5px 10px rgba(0,0,0,.5)}#login h3{margin-bottom:10px;font-size:18px;font-family:"Helvetica Neue Light","Helvetica Neue",arial,sans-serif;font-weight:300}#login .flip a{display:block;margin:0 -20px -20px;padding:15px 0 20px;color:inherit;text-align:center;font-size:11px}.hasJS #login fieldset{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}@media screen and (-webkit-max-device-pixel-ratio: 1){.hasJS #flipper.showLogin #existing,.hasJS #flipper.showExisting #new{ visibility:hidden;-webkit-transition:visibility 0s linear .3s}}#flipper{position:relative;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;min-height:280px}.no3D #new,.no3D #flipper.showLogin #existing{display:none}.no3D #flipper.showLogin #new{display:block}.has3D #flipper.animate #existing,.has3D #flipper.animate #new{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}.has3D #existing{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.has3D #new{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.has3D #flipper.showLogin #existing{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.has3D #flipper.showLogin #new{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}#new label{margin-bottom:13px}#new #problem{position:relative;margin:-10px 0 10px;font-size:11px;text-align:right}#new #problem a{color:inherit}#new #problem span{position:absolute;left:0;text-decoration:underline;cursor:pointer}#new #useClassic{padding:1px 20px;margin:0 -20px}#new #rememberLabel{margin:0}#new .submit{text-align:right}#yubikey>input{background:#fff url(../images/yubikey.png) no-repeat 97% 50%;background-position:right 8px top 50%;padding-right:26px}#new #desktopOption{margin:-5px 0 0}#desktopOption input,#mobileOption input{margin:0 2px}.hasJS #moreOptions{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden;height:0}#existing{z-index:2}#existing ul{margin:0 -20px}#existing li{position:relative;list-style:none;margin:-1px 0;border:1px solid #bbb;border-width:1px 0;background:#fff}#existing li:hover{background:#fcf8e3}#existing li a{display:block;position:relative;height:54px;color:inherit}#existing li .avatar{position:absolute;top:6px;left:20px;width:42px;height:42px;border:1px solid #bbb;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}#existing li .avatar>img{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}#existing li .name,#existing li .email{position:absolute;overflow:hidden;left:20px;right:10px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}#existing li .name{top:6px;font-weight:700}#existing li .email{top:24px}#existing li .avatar+.name,#existing li .avatar+.name+.email{left:72px}.message{margin:10px -20px;border:1px solid #bbb;border-width:1px 0;padding:5px 20px;background:#fcf8e3;font-weight:700;text-align:center}#splash{border-bottom:1px solid #1f1f1f;border-color:rgba(31,31,31,.43);height:310px;background:#ddd url(../images/postbox.jpg) no-repeat;background-size:110%}#tagline{position:absolute;top:0;left:0;width:375px;height:100%;line-height:45px;font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,.7);padding:40px 30px 0 30px}#tagline h1{color:#fff;font-size:38px}#tagline a{float:left;margin:15px 15px 0 0;border:1px solid #eee;border-radius:5px;padding:0 20px;background:rgba(0,0,0,.25);color:#fff;font-size:18px;text-decoration:none}#tagline a:hover{background:rgba(0,0,0,.5);border-color:#fff}#login{position:absolute;z-index:1;top:30px;right:30px;width:270px}#news{border-bottom:1px solid #bbb;padding:10px 0;line-height:20px;background:#f2f2f2;color:#777}#news .content{padding:0 69px 0 30px}#news h3{display:inline;margin-right:10px;color:#666;font-size:inherit;font-weight:700}#news p{display:inline}#news a{color:inherit;text-decoration:none}#news a:hover{border-bottom:1px solid}#news .social-icon{position:absolute;overflow:hidden;top:0;width:25px;height:20px;text-indent:25px}#news .social-icon:hover{border-bottom:0}#news .facebook{right:65px;background:url(../images/facebook.png) 50% 100% no-repeat}#news .twitter{right:30px;background:url(../images/twitter.png) 50% 100% no-repeat}.feature{*zoom:1;overflow:hidden;border-bottom:1px solid #c5c5c5;padding:30px 0;font-size:16px;background:#fff}.feature:after{display:table;content:"";clear:both}.feature:after{display:table;content:"";clear:both}.feature.grey{background:#f6f6f6 url(../images/blur.jpg);background-size:cover}.feature-title{margin-bottom:15px;font-size:36px;font-weight:700;text-align:center}.feature-para{margin:15px 0;font-size:22px;font-weight:300}.centre{text-align:center}.feature-annotation{float:left;width:33%;padding:15px}.feature-img{clear:both;position:relative;margin:20px auto;width:0}.feature-img>img{position:absolute;top:0;box-shadow:0 0 15px #aaa}.feature-benefits{-webkit-column-count:2;-webkit-column-gap:30px;-moz-column-count:2;-moz-column-gap:30px;column-count:2;column-gap:30px}.feature-benefits p{margin-bottom:15px}#why{padding:15px 0 23px}.tweets{*zoom:1;padding-left:68px}.tweets:after{display:table;content:"";clear:both}.tweets:after{display:table;content:"";clear:both}.tweet{position:relative;margin:15px auto;width:43%;background:#fff;border:1px solid #c5c5c5;border-radius:3px;padding:10px 15px;box-shadow:0 2px 7px rgba(0,0,0,.2)}.tweet:before{content:"";position:absolute;top:10px;right:100%;border:1px solid #c5c5c5;border-width:0 0 1px 1px;margin-right:-7px;width:14px;height:14px;background:#fff;-webkit-transform:scaleX(1.2) rotate(45deg);-moz-transform:scaleX(1.2) rotate(45deg);-ms-transform:scaleX(1.2) rotate(45deg);-o-transform:scaleX(1.2) rotate(45deg);transform:scaleX(1.2) rotate(45deg)}.tweet:nth-child(odd){clear:both;float:left}.tweet:nth-child(even){float:right}.tweet-avatar{position:absolute;top:-1px;right:100%;margin-right:20px;border:1px solid #1b1b1b;border-color:rgba(0,0,0,.8);border-radius:3px;background:#fff}.tweet-header{overflow:hidden}.tweet-header a{color:inherit;text-decoration:none}.tweet-header a:hover{border-bottom:1px solid}.tweet-name{float:left;margin-right:10px;font-size:16px}.tweet-handle{float:left;color:#777;font-size:16px;font-weight:400}.tweet-date{float:right;padding-top:4px;color:#777;font-size:13px}.tweet-content{margin:2px 0;font-weight:300}.no-login #splash{height:200px}.no-login #tagline{width:100%;text-align:center}.no-login #tagline a{float:none;display:inline-block}.no-login #login,.no-login #news{display:none}@media (max-width: 640px){#splash{ background-size:cover}#tagline{display:none}#login{right:50%;margin-right:-135px}.no-login #splash{height:270px}.no-login #tagline{display:block;padding-top:30px}#news .content{padding:0 69px 0 15px}#news .facebook{right:50px}#news .twitter{right:15px}.feature{font-size:15px}.feature-title{margin:0 -10px 10px;font-size:22px}.feature-para{margin:10px 0;font-size:18px}.feature-para br{display:none}.feature-benefits{-webkit-column-count:1;-moz-column-count:1;column-count:1}.tweet{width:100%}}